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.

Nick Parsons · Accepted Answer · 2022-06-16 05:48:04Z

3

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));

answered Jun 16, 2022 at 5:48

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

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

Comments

Savi · Accepted Answer · 2022-06-16 06:17:32Z

1

you can use the following solution.

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

  const flatObjectValues = (obj, result) => {
  // recursive function to get object values
  const objValues = Object.values(obj);
  if (objValues?.length > 0) {
    objValues.map((v) => {
      if (typeof v === 'object' && !Array.isArray(v)) {
        flatObjectValues(v, result);
      } else {
        result.push(v);
      }
      return v;
    });
  }
};

const updatedData = [];
data.map((x) => flatObjectValues(x, updatedData));
console.log('updatedData: ', updatedData);

answered Jun 16, 2022 at 6:17

Savi

611 silver badge3 bronze badges

Comments

Hao-Jung Hsieh · Accepted Answer · 2022-06-16 05:47:48Z

0

You can use recursion with array.reduce, like fellowing.

function getAllValues(objuct) {
  return objuct.reduce((acc, curr) => {
    if (typeof curr === 'object') {
      return [...acc, ...getAllValues(Object.values(curr))];
    }
    return [...acc, curr];
  }, []);
}

answered Jun 16, 2022 at 5:47

Hao-Jung Hsieh

8771 gold badge8 silver badges18 bronze badges

Comments

Max Tuzenko · Accepted Answer · 2022-06-16 06:00:07Z

0

A recursive solution could be:

const arr = [{a: {b: "Paul",},},{c: "Byeeee",},];

const flatArrOfObjects = (arr) => {
    const values = [];
    for (const i in arr) flatObj(arr[i], values);
    return values;
};

const flatObj = (obj, result) => {
    for (const [key, value] of Object.entries(obj)) {
        if (typeof value === "object") flatObj(value, result);
        else result.push(value);
    }
};

console.log(flatArrOfObjects(arr));

answered Jun 16, 2022 at 6:00

Max Tuzenko

1,42711 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to get values from array of objects in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related