Javascript remove item on array using splice() not working

Question

So I have an array like this var arr = [foo1:"bar1", foo2:"bar", foo3:"bar3"].

Then I used this arr.splice(index, 1); given that the index is dynamic lets just say it's 0 but the value foo1:"bar1" wasn't removed from the array.

Also the above array works on my code but it shows an error on JSFiddle. I have no idea why.

Thanks.

EDIT I dont know why it doesn't show an error on my console but here's how I did it.

var arr = [];

I dynamically added value to the array by doing

arr["foo"] = "bar";

which resulted to [foo:"bar"];

Any idea guys?

EDIT 2

Here's the screenshot of the console.

That isn't a valid array. We can't help without some valid structure — charlietfl
– charlietfl, Commented Jan 12, 2016 at 5:56
This will give you an error.If you want to create a JSON array you should write like var arr = [{foo1:"bar1"},{ foo2:"bar"}, {foo3:"bar3"}]; — Shubham
– Shubham, Commented Jan 12, 2016 at 5:56
Your array is not an valid array then how come Also the above array works on my code ? — Anik Islam Abhi
– Anik Islam Abhi, Commented Jan 12, 2016 at 5:57
This is more of an object structure (if you replace square brackets with curly braces), rather than array. if you try to instantiate var arr = [foo1:"bar1", foo2:"bar", foo3:"bar3"], it will give you an error. — Jeremy Rajan
– Jeremy Rajan, Commented Jan 12, 2016 at 5:59

gurvinder372 · Accepted Answer · 2016-01-12 06:06:20Z

3

Structure of this array is not valid.

var arr = [foo1:"bar1", foo2:"bar", foo3:"bar3"];

An array will have comma-separated items within square braces [], not key values

If you want to have key values, then it should be Object with curly braces {}

var arr = {foo1:"bar1", foo2:"bar", foo3:"bar3"};

and if you want to remove first property from the arr, then do

var keys = Object.keys( arr );
delete arr[ keys[ 0 ] ];

For adding a key value,

arr[ "foo5" ] = "bar";

edited Jan 12, 2016 at 6:06

answered Jan 12, 2016 at 6:00

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

6 Comments

charlietfl Over a year ago

there really is no reliable first since objects have no order

gurvinder372 Over a year ago

@charlietfl it will have no defined order if the object is constructed at runtime. if the object is defined at compile time, then the defined order will be maintained. try var arr = {foo4:"bar1", foo2:"bar", foo3:"bar3"}; and then delete arr[ Object.keys( arr )[ 0 ] ]

jofftiquez Over a year ago

But how do I dynamically add a key:value pair on that format in an object?

gurvinder372 Over a year ago

@TheGreenFoxx arr[ "foo5" ] = "bar"; should add or overwrite foo5 property into arr

jofftiquez Over a year ago

Thanks man. This helped me a lot. The only thing that got me stuck is that the console seems to accept that array as valid. I got confused.

|

Tân · Accepted Answer · 2016-01-12 06:10:06Z

1

Long way:

var arr = [];

var foo1 = {};
foo1['foo1'] = 'bar1';

var foo2 = {};
foo1['foo2'] = 'bar2';

arr.push(foo1);
arr.push(foo2);

alert(arr.length); // output: 2

var index = arr.indexOf(arr, foo1); // or var index = $.inArray(arr, foo1);
arr.splice(index, 1);

alert(arr.length) // output: 1

edited Jan 12, 2016 at 6:10

answered Jan 12, 2016 at 6:06

Tân

1

2 Comments

charlietfl Over a year ago

how did jQuery get into this?

jofftiquez Over a year ago

Thanks Happy but this seems to be not dynamic.

Collectives™ on Stack Overflow

Javascript remove item on array using splice() not working

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related