Remove array element when subarray has certain values

Question

I have an array that contains any number of subarrays, each containing exactly two values.

i.e: interestArray[[1, 5], [3, 8] ... ]

How do I remove say the subarray containing the values [3, 8]?

My code is:

$('td', container).click(function(){
      if(!$(this).hasClass('purchased') && !$(this).hasClass('manu'))
      {
        var manuId = $(this).parent().children('td:first-child').data('manu-id');
        var typeId = $(this).data('type-id');
        if($(this).hasClass('interest'))
        {
          $(this).removeClass('interest');
          $(this).parent().children('td.manu').removeClass('interest');
          var index = interestArray.indexOf([manuId, typeId]);
          interestArray.splice(index, 1);
        } else {
          $(this).addClass('interest');
          $(this).parent().children('td.manu').addClass('interest');

          interestArray.push([manuId, typeId]);
        }
      //updateSurvey(interestsArray);
      console.log(interestArray)
      }
    })

The below section does not work, and simply removes the first subarray.

var index = interestArray.indexOf([manuId, typeId]);
interestArray.splice(index, 1);

No, but your main problem is identifying the item you want to remove. Once you've found it, removing it becomes trivial. — RoToRa
– RoToRa, Commented Jul 15, 2013 at 12:53

elclanrs · Accepted Answer · 2013-07-15 06:50:23Z

2

Here's a generic approach with your requirements:

var arr = [[1,2],[3,4],[5,6]];
var remove = [3,4];

for (var i=0; i<arr.length; i++) {
  if (arr[i][0] == remove[0] && arr[i][1] == remove[1]) {
    arr.splice(i, 1);
    break;
  }
}

console.log(arr); //=> [[1,2],[5,6]]

edited Jul 15, 2013 at 6:50

answered Jul 15, 2013 at 6:02

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

2 Comments

Ian Over a year ago

You might want to break; when you find a match, otherwise loop backwards, in case there's a possibility of multiple matches

Ted Hopp Over a year ago

This will skip the second of consecutive matches. (So if you start with var arr = [[1,2],[3,4],[3,4],[5,6]];, the output at the end will be [[1,2],[3,4],[5,6]] (with the second [3,4] still in the list).

Ted Hopp · Accepted Answer · 2013-07-15 06:00:36Z

1

For a general approach, you can filter the array:

var reducedArray = interestArray.filter(function (item) {
    return item[0] != manuId || item[1] != typeId;
});

You cannot use indexOf because that looks for the identical object (not merely an equivalent one).

If you're running an earlier version of JS that doesn't have Array.filter, there's a nice shim on the filter doc page linked to above.

answered Jul 15, 2013 at 6:00

Ted Hopp

235k48 gold badges412 silver badges533 bronze badges

Comments

Hugo Trial · Accepted Answer · 2018-02-28 00:38:37Z

0

Here is my personal solution more complete to avoid multiple entry issue and the break; thing seen above, it also avoids an issue if the array is after entry removal (it is jquery based but you can make a regular loop if you feel more comfy with it):

    $.each( answers, function( index, value ){
        if (typeof answers[index] != "undefined") 
        {
            if(answers[index]["question_id"]==answer_to_del)
            {
                delete answers[index];
            }
        }

    });
    //Clean answer array from empty values created above
    answers = answers.filter(function(n){ return n != undefined });

answered Feb 28, 2018 at 0:38

Hugo Trial

3965 silver badges15 bronze badges

Collectives™ on Stack Overflow

Remove array element when subarray has certain values

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related