how to loop through an array of objects on reactjs then remove objects based on criteria [duplicate]

Question

I am using reactjs have the following data below and I want to loop through the array then if key === "oneline" or key === "twoline" remove the entire object.

In this example after removing the two objects (transformation), based on the description above it will only return objects with 0 and 3 inside the array.

const data = [
   {0: {key: "zeroline", door: "zero"}},
   {1: {key: "oneline", door: "one"}},
   {2: {key: "twoline", door: "two"}},
   {3: {key: "threeline", door: "three"}},
]

Any help would be very helpful.

You can use .filter for this: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Jayce444
– Jayce444, Commented Oct 23, 2020 at 0:46

phi-rakib · Accepted Answer · 2020-10-23 00:55:58Z

1

Use Array filter method. The filter() method creates an array filled with all array elements that pass a test. The syntax of Array filter: array.filter(function(currentValue, index, arr), thisValue)

const data = [
  { 0: { key: "zeroline", door: "zero" } },
  { 1: { key: "oneline", door: "one" } },
  { 2: { key: "twoline", door: "two" } },
  { 3: { key: "threeline", door: "three" } },
];

let ret = data.filter((x, i) => x[i].key !== "oneline" && x[i].key !== "twoline");
console.log(ret);

answered Oct 23, 2020 at 0:55

phi-rakib

3,3222 gold badges12 silver badges21 bronze badges

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

Comments

kind user · Accepted Answer · 2020-10-23 00:48:27Z

1

You could filter it out with Array#filter.

const keywords = ['twoline', 'oneline'], data = [{0: {key: "zeroline", door: "zero"}},{1: {key: "oneline", door: "one"}},{2: {key: "twoline", door: "two"}},{3: {key: "threeline", door: "three"}}];

const res = data.filter((v, i) => keywords.indexOf(v[i].key) === -1);

console.log(res);

answered Oct 23, 2020 at 0:48

kind user

42k8 gold badges69 silver badges78 bronze badges

Comments

Andrej Kitanović · Accepted Answer · 2020-10-23 01:12:31Z

1

One way of doing it is:

const result = Object.keys(data).reduce((filtered,key,index) => {
   //Getting specific object of array
   //Example for first: data[0]["0"] === {key: "zeroline",door "zero"}
   const object = data[index][key];
   
   //Check if object key is zeroline or twoline
   if(object.key === "zeroline" || object.key === "twoline"){
     //If it is we push object to array
     filtered.push(object)
    }
   return filtered
},[])

answered Oct 23, 2020 at 1:12

Andrej Kitanović

1073 bronze badges

Collectives™ on Stack Overflow

how to loop through an array of objects on reactjs then remove objects based on criteria [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related