How to filter out nested objects in JSON array?

Question

This is my JSON object array which contains nested objects :

var obj=   [
       {
          "ASIN":"BCXXXXX1",
          "VariationAttributes":[
             {
                "Name":"hand_orientation",
                "Value":"Left Hand"
             },
             {
                "Name":"shaft_material_type",
                "Value":"KBS Max 90 Steel"
             }
          ]
       },
       {
          "ASIN":"BCXXXXX2",
          "VariationAttributes":[
             {
                "Name":"hand_orientation",
                "Value":"Right Hand"
             },
             {
                "Name":"shaft_material_type",
                "Value":"KBS Max 90 Steel"
             }
          ]
       }
    ]

var curState=[
   {
      "Name":"hand_orientation",
      "Value":"Left Hand"
   },
   {
      "Name":"shaft_material_type",
      "Value":"KBS Max 90 Steel"
   }
]

Now I want to filter out items that have variationAattributes that match curState.

var result = obj.map(m=>m.VariationAttributes).filter(search, curState);


function search(item){
  return Object.keys(this).some((key) => item[key] === this[key]);
}

The result is blank. You can play with the code at https://playcode.io./518049

do you want to match all states? or match only 1 of the states? — Alex - Tin Le
– Alex - Tin Le, Commented Mar 20, 2020 at 10:09
I made you a snippet here instead. No need to go external for such examples — mplungjan
– mplungjan, Commented Mar 20, 2020 at 10:09
First you should read about the filter definition: developer.mozilla.org/fr/docs/Web/JavaScript/Reference/… — soywod
– soywod, Commented Mar 20, 2020 at 10:12

Nick Parsons · Accepted Answer · 2020-03-20 10:25:40Z

You can use .filter() to filter your arr based on the callback function. The callback function will return true if .some() name or value attribute from the current objects VariationAttributes property doesn't equal that of its corresponding object in the curState object like so:

const arr = [{ "ASIN": "BCXXXXX1", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ] }, { "ASIN": "BCXXXXX2", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Right Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ] } ];
const curState = [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ];

const res = arr.filter(
  obj => obj.VariationAttributes.some(({Name, Value}, i) => curState[i] && (Name !== curState[i].Name || Value !== curState[i].Value))
);

console.log(res);

You could also use JSON.stringifiy() on your curState so you can compare string versions of VariationAttributes against the string version of the VariationAttributes property:

const arr = [{ "ASIN": "BCXXXXX1", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ] }, { "ASIN": "BCXXXXX2", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Right Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ] } ];
const curState = [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" } ];

const strCurState = JSON.stringify(curState);
const res = arr.filter(
  obj => strCurState !== JSON.stringify(obj.VariationAttributes)
);

console.log(res);

Alex - Tin Le · Accepted Answer · 2020-03-20 10:20:52Z

Have a look at this.

var obj=[{ "ASIN": "BCXXXXX1", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" }] },{"ASIN":"BCXXXXX2",	"VariationAttributes": [{			"Name": "hand_orientation","Value": "Right Hand"}, {"Name": "shaft_material_type",	"Value": "KBS Max 90 Steel"}]}];
var curState=[{"Name": "hand_orientation", "Value": "Left Hand"},{"Name":"shaft_material_type", "Value": "KBS Max 90 Steel"}];

//var result = obj.map(m=>m.VariationAttributes).filter(search, curState);

var result = obj.filter(item => {
  return item.VariationAttributes.every(attr => {
    return curState.find(state => attr.Name === state.Name && attr.Value === state.Value);
  })
});

console.log(result);

function search(item){
  return Object.keys(this).some((key) => item[key] === this[key]);
}
//console.log(obj)

D Malan · Accepted Answer · 2020-03-20 12:42:05Z

1

var obj = [{ "ASIN": "BCXXXXX1", "VariationAttributes": [{ "Name": "hand_orientation", "Value": "Left Hand" }, { "Name": "shaft_material_type", "Value": "KBS Max 90 Steel" }] },{"ASIN":"BCXXXXX2",	"VariationAttributes": [{			"Name": "hand_orientation","Value": "Right Hand"}, {"Name": "shaft_material_type",	"Value": "KBS Max 90 Steel"}]}];
var curState = [{"Name": "hand_orientation", "Value": "Left Hand"},{"Name":"shaft_material_type", "Value": "KBS Max 90 Steel"}];

var finalResult = obj.filter(parentObj => {
    return JSON.stringify(parentObj.VariationAttributes) === JSON.stringify(curState);
});
console.log(finalResult)

The variable finalResult will have the filtered array.

edited Mar 20, 2020 at 12:42

D Malan

11.6k3 gold badges35 silver badges65 bronze badges

answered Mar 20, 2020 at 10:18

Rijosh

1,5641 gold badge9 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to filter out nested objects in JSON array?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related