JavaScript - 如何从包含特定字符串的数组中删除对象？

Question

My array has several objects. Some of the objects contain a specific string, if the object contains this specific string I want it to be removed from the array.

I tried to use a while to loop and find all of the indexes of the array that have "Smelly" and then splice each one.

In the end I want the array to only contain

[  
    name: "Tiffany", status: "Clean",
    name: "Space-man", status: "Clean",
    name: "Soap-man", status: "Clean",
]

 let myArray = [ {name: "Timmy", status: "Smelly"}, {name: "Tiffany", status: "Clean"}, {name: "Kyle", status: "Smelly"}, {name: "Space-man", status: "Clean"}, {name: "Soap-man", status: "Clean"}, ] while (i = 0) { try { let find = myArray.findIndex(i => i.status === `Smelly`); myArray.splice(find, 1); } catch { i = 1; } } console.log(myArray)

Answer 1

You can get the result using Array.filter

 const value = [ {name: "Timmy", status: "Smelly"}, {name: "Tiffany", status: "Clean"}, {name: "Kyle", status: "Smelly"}, {name: "Space-man", status: "Clean"}, {name: "Soap-man", status: "Clean"} ]; const result = value.filter((item) => item.status !== 'Smelly'); console.log(result);

Answer 2

Just filter it

You can choose to create a new filtered array or replace the existing one

 let myArray = [ {name: "Timmy", status: "Smelly"}, {name: "Tiffany", status: "Clean"}, {name: "Kyle", status: "Smelly"}, {name: "Space-man", status: "Clean"}, {name: "Soap-man", status: "Clean"}] // filter into a new array const cleanArray = myArray.filter(item => item.status !== "Smelly") console.log(cleanArray) // or replace: myArray = myArray.filter(item => item.status !== "Smelly") console.log(myArray)

Answer 3

Use filter as:

 let myArray = [ {name: "Timmy", status: "Smelly"}, {name: "Tiffany", status: "Clean"}, {name: "Kyle", status: "Smelly"}, {name: "Space-man", status: "Clean"}, {name: "Soap-man", status: "Clean"}, ] let result = myArray.filter(i => i.status !== 'Smelly'); console.log(result)

Answer 4

If you like to kee the object reference of the array, you could iterate from the end of the array.

Array#slice changes the indices if spliced from start.

 let array = [{ name: "Timmy", status: "Smelly" }, { name: "Tiffany", status: "Clean" }, { name: "Kyle", status: "Smelly" }, { name: "Space-man", status: "Clean" }, { name: "Soap-man", status: "Clean" }], i = array.length; while (i--) if (array[i].status === `Smelly`) array.splice(i, 1); console.log(array);

 .as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 5

First of all you need to have a boolean in the while loop. So you can add a counter starting from 0 and run the loop while the counter is less than the length of the array .

Here is the code:

 let myArray = [ { name: "Timmy", status: "Smelly" }, { name: "Tiffany", status: "Clean" }, { name: "Kyle", status: "Smelly" }, { name: "Space-man", status: "Clean" }, { name: "Soap-man", status: "Clean" }, ] let counter = 0; while (counter < myArray.length) { let find = myArray.findIndex(i => i.status === `Smelly`); if (find != -1) { myArray.splice(find, 1); } else { counter++; } } myArray.forEach(el => console.log(el));

Answer 6

splice is expensive. It has to shift all subsequent elements after the one you've removed. And you do that in a loop.

Most of the time I'd go with Array#filter . It's simple and it's safe; no unexpected side effects when I "remove" items from a list (like something disappearing because I forgot, that some other code also uses this list) .

But sometimes I explicitely want or need to mutate the list itself. Here's a little utility function for that:

Like splice it shifts all elements towards the low indices, and like filter it keeps only the elements that match the predicate.

 const value = [ {name: "Timmy", status: "Smelly"}, {name: "Tiffany", status: "Clean"}, {name: "Kyle", status: "Smelly"}, {name: "Space-man", status: "Clean"}, {name: "Soap-man", status: "Clean"} ]; function filterInPlace(array, predicate) { let j = 0; for (let i = 0; i < array.length; ++i) { if (i in array && predicate(array[i], i, array)) { if (i !== j) { array[j] = array[i]; } ++j; } } array.length = j; return array; } const result = filterInPlace(value, (item) => item.status !== 'Smelly'); console.log(result === value); console.log(result);