Delete element from array using a specific key and value pair

Question

Delete element from array using a specific key and value pair

Is it possible to remove objects from an array using a key/value combination? For instance, removing all "non-active" users from the array?

Here is an example of what the code might look like:


var items = [ 
  { "userID":"694", "active": false }, 
  { "userID":"754", "active": true }, 
  { "userID":"755", "active": true },
  { "userID":"760", "active": false },
  { "userID":"761", "active": false },
  { "userID":"762", "active": false }
]

function removeByKey(array, params){
  array.some(function(item, index) {
    return (array[index][params.key] !== params.value) ? !!(array.splice(index, 1)) : false;
  });
  return array;
}

for (var i = 0; i < items.length; i++){ 

var removed = removeByKey(items, {
  key: 'active',
  value: true
});
}

console.log(removed);

However, there seems to be an issue when the last entry in the array has "active": false. It doesn't get removed as expected.

If you have any solutions or suggestions, please feel free to share!

javascript arrays json

Answer 1

Answer №1

Perhaps using a function similar to this:

function filterByParameter(arr, criteria) {
  return arr.filter(item => item[criteria.key] !== criteria.value)
}

Answer 2

Perhaps using a function similar to this:

function filterByParameter(arr, criteria) {
  return arr.filter(item => item[criteria.key] !== criteria.value)
}

Answer 3

Answer №2

Removing an element, such as the second to last one, in a loop may cause the next element to be skipped due to index changes. To maintain functionality with a custom remover function, you can use the following approach:

let previous;
do {
    previous = items.length;
    removeByKey(items, {
      key: 'active',
      value: true
    });
 } while(previous !== items.length)

However, this method is inefficient. It is recommended to update the removal method to eliminate all occurrences rather than just the first one found (using forEach instead of some, or simply utilizing filter).

Answer 4

Removing an element, such as the second to last one, in a loop may cause the next element to be skipped due to index changes. To maintain functionality with a custom remover function, you can use the following approach:

let previous;
do {
    previous = items.length;
    removeByKey(items, {
      key: 'active',
      value: true
    });
 } while(previous !== items.length)

However, this method is inefficient. It is recommended to update the removal method to eliminate all occurrences rather than just the first one found (using forEach instead of some, or simply utilizing filter).

Answer 5

Answer №3

Items that meet the specified condition are stored in a variable called filteredItems.

Answer 6

Items that meet the specified condition are stored in a variable called filteredItems.

Answer 7

Answer №4

Here is an alternative approach to @Jayfee's solution in ES5:

function filterByProperty(arr, propVal) {
  return arr.filter(function(item) {
    return item[propVal.key] !== propVal.value;
  });
}

Answer 8

Here is an alternative approach to @Jayfee's solution in ES5:

function filterByProperty(arr, propVal) {
  return arr.filter(function(item) {
    return item[propVal.key] !== propVal.value;
  });
}

Delete element from array using a specific key and value pair

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

What is the best way to handle input data as variables?

Use React-table to store the value of an accessor in the state while also utilizing a

A step-by-step guide on transforming an array of objects into an array of arrays with the help of Ramda

Loop through to display response information

Retrieve the value associated with the key 'Name' using jq

Prevent unchecking a checked list item by clicking on it

What is the best way to create a function that requires an argument in TypeScript?

Converting strings into arrays and then displaying them in the C programming language

Obtaining the Ultimate Redirected URL in PowerShell

Convert an ansible list of dictionaries into JSON with a modified structure

What is the best way to incorporate data from my Input field into my Vue.JS application's existing data structure

What is the method to have the console display false when the phrases are not in the correct sequence? Node.js

iOS - Embedding text into a UIWebView input field

Vue.JS component containing DOM elements outside of the designated $el scope

Assess the scss styles specific to components following the global min.css in a React application

"Unlocking the Power of mediaElementjs: Easy Steps to Accessing the Player Instance

How to use jQuery to update the href attribute of a parent link

Dynamic tables are experiencing issues with Javascript functionality

Troubleshooting: Issue with passing variables from jQuery $.ajax to PHP

PreventDefault() equivalent: Proceeding with ActionLink function logic