Access a object value within another object

Question

I currently have a Object which looks like so:

{
    "Best Fare Description": {
        "text": {
            "value": "One",
            "type": "TEXT"
        }
    },
    "Brand ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Program ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Max Elapse Time": {
        "integer": {
            "value": 4,
            "type": "INTEGER"
        }
    },
    "Max Number of Connections": {
        "integer": {
            "value": 5,
            "type": "INTEGER"
        }
    }
}

I am trying to iterate through the object and create an array of only the values. So for this object I would return an array of

["One","test","test",4,5]

What I've Tried:

data being the object

      const tempList = [];

      for (var key in data) {
        for (var key2 in data[key]) {
            for (var key3 in data[key][key2]) {
                tempList.push(key3['value'])
                }
            }
        }

However it seems like I am not doing something correct, as I get undefined or errors when I push into the array. Is there an easier/More Efficient way to accomplish this? Any help would be appreciated!

Nina Scholz · Accepted Answer · 2019-06-05 20:14:30Z

2

Because of the dynamic keys, you could take the values and map the last item.

var data = { "Best Fare Description": { text: { value: "One", type: "TEXT" } }, "Brand ID": { text: { value: "test", type: "TEXT" } }, "Program ID": { text: { value: "test", type: "TEXT" } }, "Max Elapse Time": { integer: { value: 4, type: "INTEGER" } }, "Max Number of Connections": { integer: { value: 5, type: "INTEGER" } } },
    result = Object.values(data).map(o => Object.values(o)[0].value);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Jun 5, 2019 at 20:14

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Mark · Accepted Answer · 2019-06-05 20:14:02Z

The easiest thing is to loop over the Object.values of the two levels using map and reduce to build your array:

let obj = {"Best Fare Description": {"text": {"value": "One","type": "TEXT"}},"Brand ID": {"text": {"value": "test","type": "TEXT"}},"Program ID": {"text": {"value": "test","type": "TEXT"}},"Max Elapse Time": {"integer": {"value": 4,"type": "INTEGER"}},"Max Number of Connections": {"integer": {"value": 5,"type": "INTEGER"}}}

let arr = Object.values(obj).reduce((arr, item) => {
  arr.push(...Object.values(item).map(inner => inner.value))
  return arr
}, [])
console.log(arr)

Newer javascript engines will let you simplify a bit with flatMap:

let obj = {"Best Fare Description": {"text": {"value": "One","type": "TEXT"}},"Brand ID": {"text": {"value": "test","type": "TEXT"}},"Program ID": {"text": {"value": "test","type": "TEXT"}},"Max Elapse Time": {"integer": {"value": 4,"type": "INTEGER"}},"Max Number of Connections": {"integer": {"value": 5,"type": "INTEGER"}}}

let arr = Object.values(obj).flatMap(item => Object.values(item).map(inner => inner.value))
console.log(arr)

Ishwor Timilsina · Accepted Answer · 2019-06-05 20:16:54Z

0

It seems you innermost object's structure stays the same. In that case, you could slightly change your existing code to do something like the following:

const tempList = [];
for (let key in data) {
  for (let key2 in data[key]) {
    tempList.push(data[key][key2].value);
  }
}

answered Jun 5, 2019 at 20:16

Ishwor Timilsina

1,47413 silver badges11 bronze badges

Comments

Will Jenkins · Accepted Answer · 2019-06-05 20:33:15Z

Here's a recursive function that will do what you need (it will work with any shape of object):

const findValues => obj => Object.keys(obj).reduce((acc,key)=>{
  if(key==='value'){
    acc.push(obj[key])
  }else if(typeof obj[key]==='object'){
    acc.push(findValues(obj[key]))
  }
  return acc.flat()
},[])

So if your object is:

const obj = {
    "Best Fare Description": {
        "text": {
            "value": "One",
            "type": "TEXT"
        }
    },
    "Brand ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Program ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Max Elapse Time": {
        "integer": {
            "value": 4,
            "type": "INTEGER"
        }
    },
    "Max Number of Connections": {
        "integer": {
            "value": 5,
            "type": "INTEGER"
        }
    }
}

You would call it like this:

findValues(obj) // ["One", "test", "test", 4, 5]

A more generic version:

const findValues = selector => obj => Object.keys(obj).reduce((acc,key)=>{
  debugger
  if(key===selector){
    acc.push(obj[key])
  }else if(typeof obj[key]==='object'){
    acc.push(findValues(selector)(obj[key]))
  }
  return acc.flat()
},[])

findValues('value')(obj) // ["One", "test", "test", 4, 5]

Codepen here: https://codepen.io/jenko3000/pen/yWWJxg

Isaac Vidrine · Accepted Answer · 2019-06-05 20:16:20Z

You're saying tempList.push(key3['value']), but key3 is a string, not an array. You also don't need 3 loops, you only need 2.

let data = {
    "Best Fare Description": {
        "text": {
            "value": "One",
            "type": "TEXT"
        }
    },
    "Brand ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Program ID": {
        "text": {
            "value": "test",
            "type": "TEXT"
        }
    },
    "Max Elapse Time": {
        "integer": {
            "value": 4,
            "type": "INTEGER"
        }
    },
    "Max Number of Connections": {
        "integer": {
            "value": 5,
            "type": "INTEGER"
        }
    }
}

const tempList = [];

for (var key in data) {
  for (var key2 in data[key]) {
      if (data[key][key2]['value'])
        tempList.push(data[key][key2]['value'])
  }
}
  
  console.log(tempList);

Collectives™ on Stack Overflow

Access a object value within another object

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related