Question

I was curious about adding elements in to an associative array using javascript,

var text=[{"key":"1", "value":"no"},{"key":"2", "value":"yes"} ];

what if I want to add an element in to above array… say to second location,

text[1].key="4";
text[1].value="test";

I ve tried it this way,

test.splice(parseInt(1), 0 );
test[1].type="4";
test[1].value="test";

Answer 1

Here’s some example code (with which you can play around here):

function toString(array) {
    var output = '';
    for(i = 0; i < array.length; i++) {
        if(output != '')
            output += ' - ';
        output += array[i].key;
    }
    return output;
}

var array = [{"key":"1", "value":"no"},{"key":"2", "value":"yes"} ];

test = {"key":"4", "value":"test"};

alert(toString(array));
array.splice(1, 0, test);
alert(toString(array));

The array.splice() method takes the following parameters (taken from here):

array.splice(index,howmany,item1,.....,itemX)

• index: An integer that specifies at what position to add/remove items, Use negative values to specify the position from the end of the array.
• howmany: The number of items to be removed. If set to 0, no items will be removed.
• itemN: The new item(s) to be added to the array.

---

EDIT

To remove an element from the array you can use the same splice function in the following way:

array.splice(1, 1);
alert(toString(array));

Here we are indicating to splice at position 1, remove 1 element but since we are not providing any elements to insert, none is inserted, which results in a single element at position 1 removed.