Question

I am working on javascript project where I have 2 arrays 1. elements 2. elementsOrder ; elementsOrder array contains the names of each element, and elements array contains all properties of each element. When I want to delete one element from each array I do it with “delete” build in function, but it doesn’t deletes element only sets it to Undefined, so than I use splice method to push out those undefined elements, but it doesn’t work.

the is the source:

var s1 = elementsOrder.indexOf(id);
delete elements[s1];
delete elementsOrder[s1];

it does the job and sets elements one by one “undefined” smoothly, but when I do:

var s1 = elementsOrder.indexOf(id);
delete elements[s1];
delete elementsOrder[s1];
elements.splice(s1, 1);
elementsOrder.splice(s1, 1);

using simply splice methods don’t work:

var s1 = elementsOrder.indexOf(id);
elements.splice(s1, 1);
elementsOrder.splice(s1, 1);

I use this piece of code in my Javascript Canvas project to animate some canvas objects, so I can easily see when “delete” works smoothly and “undefines” elements one by one, and splice doesn’t works so smoothly and doesn’t puts out elements one by one

Please see http://jsfiddle.net/7ZuuZ/ pay atantion to function animate, third function from bottom

Answer 1

Why not just splice in the first place?

var s1 = elementsOrder.indexOf(id);
elements.splice(s1,1);
elementsOrder.splice(s1,1);

There is no need to delete here.