Javascript/jQuery: Remove item from multidimensional array by value

Question

I have a dynamically generated multidimensional array from which I want to remove a specific value.

I have this code, so far:

mainARR = [[1,2,3,4], [5,6,7,8]];
delARR = [1,2,3,4];

function removeByValue(array, value){
    return array.filter(function(elem, _index){
        return value != elem;
    });
}
mainARR = removeByValue(mainARR, delARR);

console.log(JSON.stringify(mainARR));

I don't know the index of the value I want to remove. Instead, I know the actual value. The code does not work when the value is an array. It works perfectly for simple arrays like [1,2,3,4] when I want to remove, let's say, the value 1.

Any help is appreciated.

please add the wanted result. do you keep an empty array? or would you like to delete the whole array with the given values? — Nina Scholz, Aug 22 '17 at 08:22

Carsten Løvbo Andersen · Answer 1 · 2017-08-22T10:19:15.660

If you make the elem and value into a string then your code works just fine.

function removeByValue(array, value) {
  return array.filter(function(elem, _index) {
    return value.toString() != elem.toString();
  });
}

Example below

mainARR = [
  [1, 2, 3, 4],
  [5, 6, 7, 8]
];
delARR = [1, 2, 3, 4];

function removeByValue(array, value) {
  return array.filter(function(elem, _index) {
    return value.toString() != elem.toString();
  });
}
mainARR = removeByValue(mainARR, delARR);

console.log(JSON.stringify(mainARR));

score 1 · Answer 2 · answered Aug 22 '17 at 08:25

You will have to compare every element inside array. Example solution:

mainARR = [[1,2,3,4], [5,6,7,8]];
delARR = [1,2,3,4];

function removeByValue(array, value){
    return array.filter(function(elem, _index){
        // Compares length and every element inside array
        return !(elem.length==value.length && elem.every(function(v,i) { return v === value[i]}))
    });
}
mainARR = removeByValue(mainARR, delARR);

console.log(JSON.stringify(mainARR));

This should work on sorted and unsorted arrays.

score 1 · Answer 3 · answered Aug 22 '17 at 08:29

1

You could filter the values and then delete empty arrays as well.

var mainARR = [[1, 2, 3, 4], [5, 6, 7, 8]],
    delARR = [1, 2, 3, 4],
    result = mainARR.map(a => a.filter(b => !delARR.includes(b))).filter(a => a.length);

console.log(result);

answered Aug 22 '17 at 08:29

Nina Scholz

376,160
25
347
392

Javascript/jQuery: Remove item from multidimensional array by value

3 Answers3