How to extract a specific value from array of objects in Javascript?

Question

Hi here i am having an array,

   const JSON_PAGES = ['my-needs','a-bit-about-me','my-home','my-income']

and an object like this

const columnsFromBackend = {
  "my-needs": {
    name: "my-needs",
    items: [{ name: "Dhanush", age: 24 }]
  },
  "a-bit-about-me": {
    name: "a-bit-about-me",
    items: [{ name: "Dharma", age: 24 }]
  },
  "my-home": {
    name: "my-home",
    items: [{ name: "Sachin", age: 24 }]
  },
  "my-income": {
    name: "my-income",
    items: [{ name: "Kumar", age: 24 }]
  }
};

In the above array i.e JSON_PAGES whose values are present as a key inside the above mentioned object i.e columnsFromBackend.

i need to extract the items value from the object by using the JSON_PAGES array values. Like this

result:

let myneeds = [{ name: "Dhanush", age: 24 }];
let abitaboutme = [{ name: "Dharma", age: 24 }]
let myhome = [{ name: "Sachin", age: 24 }]
let myincome = [{ name: "Kumar", age: 24 }]

For referencing i have added the extracted values in a variable. Is there any way i can compare the array with the object and get the required value. Please help me with that.

Thanks in advance

The variable names are not valid. A variable may not contain the - character. — 3limin4t0r
– 3limin4t0r, Commented Jun 18, 2020 at 16:11
Why do you need to extract the values into variables? Can't you use the columnsFromBackend directly? For example columnsFromBackend["my-needs"].items. — 3limin4t0r
– 3limin4t0r, Commented Jun 18, 2020 at 16:15

Wes · Accepted Answer · 2020-06-18 16:15:03Z

1

let values = JSON_PAGES.map((page) => columnsFromBackend[page].items)
let [my_need,abitaboutme,myhome,myincome] = values;

answered Jun 18, 2020 at 16:15

Wes

113 bronze badges

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

Comments

zb22 · Accepted Answer · 2020-06-18 16:26:26Z

If you want to put the results into an array, You can get the values to look for by using Object.values(columnsFromBackend), then filter() the items and finally use map() on the result to return an array with the output you want.

const JSON_PAGES = ['my-needs','a-bit-about-me','my-home','my-income']

const columnsFromBackend = {
  "my-needs": {
    name: "my-needs",
    items: [{ name: "Dhanush", age: 24 }]
  },
  "a-bit-about-me": {
    name: "a-bit-about-me",
    items: [{ name: "Dharma", age: 24 }]
  },
  "my-home": {
    name: "my-home",
    items: [{ name: "Sachin", age: 24 }]
  },
  "my-income": {
    name: "my-income",
    items: [{ name: "Kumar", age: 24 }]
  }
};

const res = Object.values(columnsFromBackend).filter(item => JSON_PAGES.includes(item.name)).map(({ items }) => items);

console.log(res)

Collectives™ on Stack Overflow

How to extract a specific value from array of objects in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related