How to pass array values as an object prop dynamicly?

Question

I need to treat array values as props of object. For example:

let arr = ['masa_icerik', 'urunler', 0, 'urun_adet'];
let obj = {
  "_id": "5c13bd566704aa5e372dddcf",
  "masa_id": 3,
  "masa_numara": 3,
  "masa_magaza": 1,
  "masa_icon": "kola",
  "masa_adi": "salon 3",
  "masa_durum": 1,
  "masa_icerik": {
    "adisyon": "J1554745811908",
    "urunler": [{
      "urun_adet": 14,
      "urun_fiyat": 3,
      "urun_id": "5c16686b93d7b79ae6367864",
      "urun_odenen": 0
    }, {
      "urun_adet": 1,
      "urun_fiyat": 5,
      "urun_id": "5c16686b93d7b79ae6367865",
      "urun_odenen": 0
    }]
  },
  "masa_acilis": "2019-04-08T17:50:12.052Z",
  "masa_acan": "5c1eda01d1f4773110dd6ada"
};

I have an array and an object like above and I want to do something like this:

let res;
arr.forEach(elem => {
   res = obj[elem];
});

and after that I need to get something like :

obj['masa_icerik']['urunler'][0]['urun_adet']

The number of the values is dynamic from server. Thats why i need something like this. Is there any way to do that? I need to change that property and return the changed obj.

Eddie · Accepted Answer · 2019-04-09 08:02:04Z

1

You can use forEach loop to loop thru the array and store it to a temp variable. If all elements exist, it will change the value.

let arr = ['a', 'b', 'c'];
let obj = {'a':{'b':{'c':1}}};
let newValue = "NEW VALUE";

let temp = obj;
arr.forEach((o, i) => {
  if (i < arr.length - 1) temp = temp[o] || null;
  else if (temp !== null && typeof temp === "object" ) temp[o] = newValue;
});

console.log(obj);

If there are multiple multiple object properties missing in the last part of the array.

let arr = ['a', 'b', 'c', 'd'];
let obj = {'a': {'b': {}}};
let newValue = "NEW VALUE";

let temp = obj;
arr.forEach((o, i) => {
  if (i < arr.length - 1) {
    if (!temp[o]) temp[o] = {[arr[i + 1]]: {}};
    temp = temp[o];
  } else if (temp !== null && typeof temp === "object") temp[o] = newValue;
});

console.log(obj);

edited Apr 9, 2019 at 8:02

answered Apr 9, 2019 at 4:04

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

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

15 Comments

İsmail Furkan GÖKHASAN Over a year ago

I need to set that value of object. Not to get it. Sorry for misleading question.

Code Maniac Over a year ago

On side note: you should consider undefined cases, i mean arr input like [1,2,3]

İsmail Furkan GÖKHASAN Over a year ago

@Code Maniac Yes I have a value like 0 in my array

Eddie Over a year ago

@CodeManiac, I'm about to post that code. But user don't need the first code. So don't need to post it :)

Eddie Over a year ago

Just posted it. :)

|

Code Maniac · Accepted Answer · 2019-04-09 04:24:31Z

0

You can use references

Here idea is

Initialize val with object reference
Loop through array and keep setting new reference to val

let arr = ['a','b','c'];
let obj = {'a':{'b':{'c':1}}};

let getMeValue = (arr) => {
  let val=obj;
  arr.forEach(e => val = val && val[e] )
  return val
}

console.log(getMeValue(arr))
console.log(getMeValue([1,2,3]))

UPDATE: I want to change values

let arr = ['a','b','c'];
let obj = {'a':{'b':{'c':1}}};

let getMeValue = (arr) => {
  let val = obj
  arr.forEach((e,i) => {
  if(i === arr.length-1 && val){
    val[e] = 5
   }
  else {
  val = val && val[e]
  }
 })
 return obj
}

console.log(getMeValue(arr))

edited Apr 9, 2019 at 4:24

answered Apr 9, 2019 at 4:01

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

6 Comments

İsmail Furkan GÖKHASAN Over a year ago

I need to set that value of object. Not to get it. Sorry for misleading question.

Code Maniac Over a year ago

@İsmailFurkanGÖKHASAN what do you mean ? you want to change the value of object ?

İsmail Furkan GÖKHASAN Over a year ago

I need to change the object like obj['a']['b]...['n'] = 'someValue'; @Code Maniac

Code Maniac Over a year ago

@İsmailFurkanGÖKHASAN you can try the second snippet

İsmail Furkan GÖKHASAN Over a year ago

I need to return the original object with changed value.

|

ruggierom · Accepted Answer · 2019-04-09 04:27:06Z

0

I am not fully understanding where you are getting the new values from but I think this will get you on the right track.

let newObj = {};

arr.map(each => {
   newObj[each] = "new value";
 })

console.log(newObj);

answered Apr 9, 2019 at 4:27

ruggierom

1095 bronze badges

Comments

A Rogue Otaku · Accepted Answer · 2019-04-09 05:01:20Z

0

I'm not sure about your requirment here, I guess you want the below:

    let func = (arr, value)=>{
        r = {};
        r[arr[arr.length-1]] = value;
        for(let i = arr.length-2; i>=0; i--){
            obj = {};
            obj[arr[i]] = r;
            r = obj;
        }
        return r;
    }
    console.log(func(['a', 'b', 'c'], 1));

edited Apr 9, 2019 at 5:01

answered Apr 9, 2019 at 4:56

A Rogue Otaku

9231 gold badge11 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to pass array values as an object prop dynamicly?

4 Answers 4

15 Comments

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

15 Comments

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related