splice row from array by value

Question

I want splice the line with value = 3

[3,"John", 90909090]

data.json

{
"headers":[[
{"text":"Code","class":"Code"},
{"text":"Code","class":"Code"}
]],
"rows":[
[0,"Peter", 51123123],
[3,"John", 90909090],
[5,"Mary",51123123]
],
"config":[[0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]],
"other":[[13,0]]
}

I try this:

var size = data.rows.length; // number of rows

var del = 3 // Value of ID to be deleted          

for (i = 0; i < size; i++) {  

var id = data.rows[i][0];                  

    if(del==id){  // if del = id -> splice                                         

       data.rows.splice(i,1);

    }

}

Results:

Only splice or only loop this code works.

But, with both show this error:

Uncaught TypeError: Cannot read property '0' of undefined(…)

It occurs in "data.rows[i][0]"

Answer 1

instead of using a for loop, id use the array filter function:

data.rows = data.rows.filter(function(row){
    return row[0] !== del;
});