Question

I want to save and add on every click data to an array. I tried this

var data = [];
var save = [];
s=0;
i=0;

some called function(){
  data[i++] = some result;
  data[i++] = some other result;
}

$('#someelement').click(function(){
save[s++] = data;
console.log(save); // for debugging
i = 0;
data = '';
});

The first save works, but after that I just empty arrays added. Any pointers ?

Answer 1

It’s because you’re replacing the Array with a string.

data = '';

You should replace it with a new Array instead.

data = [];

---

Or reuse the data Array by adding a shallow copy of data to save, then clearing data.

save[s++] = data.slice();

data.length = i = 0;

This allows any other code that has a reference to data to retain its reference so that it is always viewing the data that is being updated.