Resolved: How to get values from array of objects in javascript

Question:

I have an array of object from which I am trying to get values using map operator but I am getting the whole json objects all I want is just array of values. Below is my code:

const obj = [
             {
              a: {
                  b: 'Paul',
                 }
             },
              {  
                c: 'Byeeee',
              }
           ];

obj.map((val) => console.log(val));

what I am getting is

{ a: { b: 'Paul' } }
{ c: 'Byeeee' }

What I want is:

['Paul','Byeeee']

Someone let me know how can I get the desired output.

Answer:

You can do this recursively. You can first start off by grabbing the values of your object, and then loop through those using .flatMap(). If you encounter a value that is an object, you can recursively grab the values of that object by recalling your function. Otherwise, you can return the value. The advantage of using .flatMap() here is that when the recursive call returns an array, we don’t end up with inner arrays, but rather the array gets flattened into one resulting array:

const obj = [{ a: { b: 'Paul', } }, { c: 'Byeeee', } ];

const getValues = (obj) => {
  return Object.values(obj).flatMap(val => Object(val) === val ? getValues(val) : val);
}
console.log(getValues(obj));

If you have better answer, please add a comment about this, thank you!

Resolved: How to get values from array of objects in javascript

Resolved: Modify entity using Action in C#

Resolved: How to give rank on datetime column group by another column with userid in it

Resolved: Passing 2 functions in onChange in react

Leave A Reply