Home > database >  How do I extract an object from a json file based on a nested value (using JavaScript)
How do I extract an object from a json file based on a nested value (using JavaScript)

Time:11-09

    const data = [
   {0: {id: "1",cat:{string:[{color:"yellow",weight:"10"},{color:"orange",Weight:"10"}]}},
   {1: {id: "1",cat:{string:[{color:"blue",weight:"10"},{color:"orange",Weight:"10"}]}},
   {2: {id: "1",cat:{string:[{color:"white",weight:"10"},{color:"orange",Weight:"10"}]}},
   {3: {id: "1",cat:{string:[{color:"blue",weight:"10"},{color:"orange",Weight:"10"}]}},
]

Filter by Color: "Yellow"

Desired Output: [{0: {id: 1, country: "SA", address: "IOXX",cat:[{color: "yellow",weight: "10"}]}}]

CodePudding user response:

You can map over your data array and check if each object passes your conditions or not.

const data = [
 {0: {id: 1, country: "SA", address: "IOXX",cat:[{color: "yellow",weight: "10"}]}},
 {1: {id:2, country: "SAP", name: "N", address: "IOP",cat:[{color: "blue",weight: "10"}]}},
 {2: {id:3, country: "S", name: "NO", address: "I",cat:[{color: "blue",weight: "10"}]}},
 {3: {id:4, country: "SXX", name: "NOI", address: "INDIA",cat:[{color: "blue",weight: "12"}]}},
]

const filterByColor = function (color) {
  const filteredCats = []
  data.forEach((item, index) => {
    const hasCorrectColor = item[index].cat.every((cat) => cat.color === color)
    if (hasCorrectColor) {
       filteredCats.push(item)
    }
      
  })
  return filteredCats
}

filterByColor('yellow')

CodePudding user response:

You can use filter() method

const data = [
    { 0: { id: 1, country: "SA", address: "IOXX", cat: [{ color: "yellow", weight: "10" }] } },
    { 1: { id: 2, country: "SAP", name: "N", address: "IOP", cat: [{ color: "blue", weight: "10" }] } },
    { 2: { id: 3, country: "S", name: "NO", address: "I", cat: [{ color: "blue", weight: "10" }] } },
    { 3: { id: 4, country: "SXX", name: "NOI", address: "INDIA", cat: [{ color: "blue", weight: "12" }] } },
];

var res = data.filter((el, i) => data[i][i]['cat'][0]['color'] === 'yellow');

console.log(res);
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

  • Related