jQuery .data() remove item from stored array

Question

I am using the .data() function in jQuery to store an array as per below:

var myArray = {};
myArray[0] = {};
myArray[0][0] = "test00";
myArray[0][1] = "test01";
myArray[1] = {};
myArray[1][0] = "test10";
myArray[1][1] = "test11";

$('#datastorage').data("testname". myArray);

I want to remove only one item (myArray[0]) from the "testname" and keep the rest.

The below does not work:

$('#datastorage').removeData("testname").removeData(0);

I believe jQuery stored the array in a form of a plain object (the test $.isPlainObject() comes back true) I am now trying to use the function .not() to remove the element...

Alnitak · Accepted Answer · 2012-04-26 09:06:40Z

3

Since the original object is an array, what's actually stored is just a reference to the original data, so any modification you make is reflected in every reference to that array, including the one stored in .data().

So you can just remove the element from the array:

$('#datastorage').data("testname").shift();

or if you want more flexibility on which elements are removed, use .splice().

$('#datastorage').data("testname").splice(0, 1);

or if you've still got access to myArray:

myArray.shift();

There's no need to put the array back into .data() - any of the above will modify both myArray and whatever's already in .data() - they're the same array!.

The same would apply if the data was an object, but not if it's a primitive type.

edited Apr 26, 2012 at 9:06

answered Apr 26, 2012 at 8:49

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

5 Comments

davidbayonchen Over a year ago

Thanks for that but I keep getting the following error: "Uncaught TypeError: Object #<Object> has no method 'shift'"

Alnitak Over a year ago

@davidbayonchen var myArray = [], not {}.

Alnitak Over a year ago

@davidbayonchen and if for some reason you have to leave data as an object instead of an array, use delete $('#storage').data('testname')[0].

davidbayonchen Over a year ago

Thanks Alnitak, that works fine. Would you recommend me to use Arrays [] instead of Objects ? {}

Alnitak Over a year ago

@davidbayonchen if your indices are all numbers, and they start with a low number (as your sample does) then you should use arrays. Note however that shift and splice will renumber the remaining elements. Using an object and delete will not.

Nadh · Accepted Answer · 2012-04-26 08:45:57Z

0

You'll have to get the array out, remove from it, and then put it back.

var a = $('#datastorage').data('testname');

a.splice(0,1); // remove 1 item from position 0

$('#datastorage').data('testname', a);

answered Apr 26, 2012 at 8:45

Nadh

7,2633 gold badges23 silver badges21 bronze badges

1 Comment

davidbayonchen Over a year ago

I do get the following error message: "Uncaught TypeError: Object #<Object> has no method 'splice'"

Fabrizio Calderan · Accepted Answer · 2012-04-26 08:47:10Z

0

try this code

var myArray = []; // myArray is an Array, not an object
myArray[0] = {};
myArray[0][0] = "test00";
myArray[0][1] = "test01";
myArray[1] = {};
myArray[1][0] = "test10";
myArray[1][1] = "test11";

$('#datastorage').data("testname", myArray);
console.log($('#datastorage').data("testname"));

$('#datastorage').data("testname", myArray.slice(1));
console.log($('#datastorage').data("testname"));

example fiddle: http://jsfiddle.net/nNg68/

answered Apr 26, 2012 at 8:47

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Collectives™ on Stack Overflow

jQuery .data() remove item from stored array

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related