Javascript 2D array row removal

Question

I want to remove a complete row from a 2D array in javascript where there is a specific id. I have searched and I cant find any examples. How can I achieve this?

I have an object / array like this...

[
{"id":"1","title":"Sample Event 1\n","start":"Nov 27 2011 10:30:00 GMT+0000 (GMT)","end":"Nov 27 2011 11:30:00 GMT+0000 (GMT)","allDay":false},
{"id":"2","title":"Sample Event 2","start":"Nov 28 2011 12:30:00 GMT+0000 (GMT)","end":"Dec 01 2011 12:30:00 GMT+0000 (GMT)","allDay":true},
{"id":"3","title":"Sample Event 3\n","start":"Nov 27 2011 11:30:00 GMT+0000 (GMT)","end":"Nov 27 2011 12:30:00 GMT+0000 (GMT)","allDay":false}
]

My data is pulled from a mysql database via php and json_encoded like below...

var eventObject = <?php echo json_encode($events);?>;

My problem is, if i wanted to remove a complete row eg one where id == 1 for example how could i achieve this?

I have tried using the remove attribute but this failed.

I have also tried using splice in the following manner

var eventLocation = eventObject.indexOf(EventId);
eventObject.splice(11,1);

but to no avail. Please can anyone assist?

Bergi · Accepted Answer · 2011-11-30 22:13:04Z

2

yourarray.filter(function(obj) { return obj.id != "1"; })

will work in modern browsers

answered Nov 30, 2011 at 22:13

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

3 Comments

Alex Turpin Over a year ago

+1, people should start using these more. For < IE9 there is a good shim on the MDC page.

JSweete Over a year ago

thanks i tried this in the following format however to no avail... one day i will grasp javascript. Do you mind taking a look? function deleteEvent(EventId){ var confirmDeleteEvent = confirm("Are you sure you want to delete this event?"); if(confirmDeleteEvent != true) { return false; } else { eventObject = eventObject.filter(function() { return el.id != EventId}); alert("deleted"+EventId); } }

Bergi Over a year ago

What exactly does not work, are you getting error messages? It seems fine to me. However, you might shorten your code to if( !confirm("Are you sure?") ) return false; /*else*/ search'n'splice().

Alex Turpin · Accepted Answer · 2011-11-30 22:15:24Z

2

You could loop through them, checking for the ID, and if you find it use splice.

for(var i = 0; i < eventObject.length; i++) {
    if (eventObject[i].id == "1") {
        eventObject.splice(i, 1);
        break;
    }
}

console.log(eventObject);

http://jsfiddle.net/SCfaP/

answered Nov 30, 2011 at 22:15

Alex Turpin

47.9k23 gold badges118 silver badges146 bronze badges

2 Comments

JSweete Over a year ago

thanks i tried using this in the following format however to no avail im really getting stuck here :( any idea function deleteEvent(EventId){ var confirmDeleteEvent = confirm("Are you sure you want to delete this event?"); if(confirmDeleteEvent != true) { return false; } else { for(var i = 0; i < eventObject.length; i++) { if (eventObject[i].id == EventId) { eventObject.splice(i, 1); break; } } console.log(eventObject); alert("deleted"+EventId); } }

Alex Turpin Over a year ago

@JSweete please reproduce the problem on jsfiddle.net and send me the link.

Bergi · Accepted Answer · 2011-12-01 00:04:56Z

0

You are contolling the $events object. Why don't you structure it like

eventObject = {
    "1": {"title":"Sample Event 1\n","start":"Nov 27 2011 10:30:00 GMT+0000 (GMT)","end":"Nov 27 2011 11:30:00 GMT+0000 (GMT)","allDay":false},
    "2": {"title":"Sample Event 2","start":"Nov 28 2011 12:30:00 GMT+0000 (GMT)","end":"Dec 01 2011 12:30:00 GMT+0000 (GMT)","allDay":true},
    "3": {"title":"Sample Event 3\n","start":"Nov 27 2011 11:30:00 GMT+0000 (GMT)","end":"Nov 27 2011 12:30:00 GMT+0000 (GMT)","allDay":false}
};

instead of eventArray? With that you could easily use delete eventObject[toRemove]. Or are you going to get problems with the sort order then?

answered Dec 1, 2011 at 0:04

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

1 Comment

JSweete Over a year ago

unfortunately the calendar i am using requires the object to be structured in the above format. Ive some how managed to play with the above given coding samples and ive some how got it working now, so thank you very much for your help and thankyou everyone that contributed :) p.s. i hate javascript.

user22109298 · Accepted Answer · 2023-12-27 01:10:18Z

0

@Alex Turpin modifying your answer to traverse the array in reverse when there are more than 1 matches for "1".

var loops = eventObject.length-1;
for(var i = loops; i > -1; i--) {
    if (eventObject[i].id == "1") {
        eventObject.splice(i, 1);
    }
}
console.log(eventObject);

edited Dec 27, 2023 at 1:10

answered Dec 27, 2023 at 0:35

user22109298

32 bronze badges

Collectives™ on Stack Overflow

Javascript 2D array row removal

4 Answers 4

3 Comments

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related