How to add objects inside object using single array technique

Question

I just want to add objects inside objects dynamically using array technique. I know how do we add Objects - those are Object[key] or Object.key but suppose I thing I have to add multiple objects dymanically using function

Note: below example is just for demonstration

let array = ['first','second','third']
let object = {}

function addObject(key) {
  object[key] = "someValue"
}

for (var i = 0; i < array.length; i++) {
  addObject(array[i])
}

This gives output like this { first: 'someValue', second: 'someValue', third: 'someValue'}. Actually I want my output something like nested object {first:{second:{third:'somevalue'}}} not exactly this but a nested object first > second > third.

My Actual question is like how to add objects inside object in this situation. What is the correct syntax for this. Like object[first][second][third] is standard way to achieve but I can't add + operator in the left side or calling array(['first.second.third']) `

function addObject(key) {
  object[key] + [key] = "someValue"
}

or calling

array(['first.second.third'])

Nick Parsons · Accepted Answer · 2021-08-21 13:13:12Z

2

I'd use reduceRight to iterate over the array starting from the end. Pass in the final property value as the initial accumulator, so you get { third: 'someValue' } on the first iteration, and return it so it's the new accumulator. On subsequent iterations, do the same thing - create another object enclosing the last returned accumulator.

const array = ['first','second','third']
const nestedValue = 'someValue';
const result = array.reduceRight(
  (a, prop) => ({ [prop]: a }),
  nestedValue
);
console.log(result);

edited Aug 21, 2021 at 13:13

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

answered Aug 21, 2021 at 13:07

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Abhinash Majhi Over a year ago

Thanks for this , I didn't get this well, I have to look it , Is there any way to pass array(['first.second.third']) directly so it get everytime. there are also four five six ... and this should be added dynamically.

CertainPerformance Over a year ago

It's possible, but a bit more convoluted... extract the first (only) item from the array and then split by periods. theArr[0].split('.') then pass to .reduceRight.

Abhinash Majhi Over a year ago

I really have to look this first, thanks for your valuable answers.

Collectives™ on Stack Overflow

How to add objects inside object using single array technique

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related