How to compare object based on key and value and remove from array

Question

I have below data in const rows.

 const rows = {
      "selected_parameter_value": [
        {
          "parameter_value": "a",
          "label_value": "a"
        },
        {
          "parameter_value": "d",
          "label_value": "d"
        }
      ]
    };

I want to compare each and every object of const rows.selected_parameter_value with parameter_value and label_value from this.selectedParameterContext.records[0].selected_parameter_value.

And delete those objects from this.selectedParameterContext.records[0].selected_parameter_value which are not present in const rows.selected_parameter_value

For example -

In the const rows.selected_parameter_value, only a and d object are present, b and c are not present.

So remove object whose parameter and label values are b and c from this.selectedParameterContext.records[0].selected_parameter_value.

  this.selectedParameterContext = {
          'records': [
            {
              'selected_parameter_value': [{
                'parameter_value': 'a',
                'label_value': 'a'
              },
              {
                'parameter_value': 'b',
                'label_value': 'b',
              }]
            },
            {
              'selected_parameter_value': [{
                'parameter_value': 'c',
                'label_value': 'c'
              },
              {
                'parameter_value': 'd',
                'label_value': 'd',
              }]
            }]
        };


    **Expected Output -**

    this.selectedParameterContext = {
  'records': [
    {
      'selected_parameter_value': [{
        'parameter_value': 'a',
        'label_value': 'a'
      }]
    },
    {
      'selected_parameter_value': [
        {
          'parameter_value': 'd',
          'label_value': 'd',
        }]
    }]
};

I tried below code

deleteContextData(rows ) { 
    const paramArray = rows.selected_parameter_value;
    const newArrayData = this.selectedParameterContext.records[0].selected_parameter_value;
    const removeMatchingData = (paramArray, toCompareWith) => {
      return paramArray.filter(({ label_value }) => !toCompareWith.some(compareObj => compareObj.label_value === label_value));
    }
    console.log(removeMatchingData(paramArray, newArrayData),"newarray");
}

In the final output you want a & d or only d from the context or only a from data? — Nithish
– Nithish, Commented Apr 16, 2021 at 6:51
In this.selectedParameterContext, right now two objects, In first object i want to keep a and d. and in second object i want d only, bcz a is not avlbl in second object — saurabh
– saurabh, Commented Apr 16, 2021 at 6:59
Need to keep only those object which are avlbl in rows.selected_parameter_value remaining all objects need to remove from this.selectedParameterContext — saurabh
– saurabh, Commented Apr 16, 2021 at 7:02

Nithish · Accepted Answer · 2021-04-16 07:07:31Z

1

You can filter the data/source using Array.filter by comparing each object by matching object with the same key-value present in the comparing/target array and return only the ones which are not matching in the source array.

let data = [{label_value: 'a', parameter_value: 'a'}, {label_value: 'b', parameter_value: 'b'}, {label_value: 'c', parameter_value: 'c'}, {label_value: 'd', parameter_value: 'd'}]
let contextData = [{label_value: 'b', parameter_value: 'b'}, {label_value: 'c', parameter_value: 'c'}];

const removeMatchingData = (data, toCompareWith) => {
  return data.filter(({ label_value }) => !toCompareWith.some(compareObj => compareObj.label_value === label_value));
}

console.log(removeMatchingData(data, contextData));

contextData = [{label_value: 'b', parameter_value: 'b'}, {label_value: 'c', parameter_value: 'c'}, {label_value: 'e', parameter_value: 'e'}];

console.log(removeMatchingData(contextData, data));

answered Apr 16, 2021 at 7:07

Nithish

6,1273 gold badges13 silver badges25 bronze badges

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

1 Comment

saurabh Over a year ago

I have edited my question with example, plz review once again. it will more clear now.

Collectives™ on Stack Overflow

How to compare object based on key and value and remove from array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related