Object insert issue in JavaScript array

Question

I have a JavaScript array like below:

[
    {type: 'text', name: 'title', id: 'title', placeholder: 'Type here'},
    {type: 'textarea', name: 'description', id: 'description', placeholder: 'Type here'}
]

Now I want to inset {type: 'text', name: 'age', id: 'age', placeholder: 'Type here'} after first object. So my final result set will be looks like:

[
    {type: 'text', name: 'title', id: 'title', placeholder: 'Type here'},
    {type: 'text', name: 'age', id: 'age', placeholder: 'Type here'}
    {type: 'textarea', name: 'description', id: 'description', placeholder: 'Type here'}
]

I want in plain JavaScript or jQuery!

Kindly post your attempt(s). – karim79 Aug 08 '13 at 11:47 — karim79, Aug 08 '13 at 11:47
I have tried with push but it always add at the end! – Deepak Biswal Aug 08 '13 at 11:47 — Deepak Biswal, Aug 08 '13 at 11:47

score 6 · Accepted Answer · answered Aug 08 '13 at 11:48

6

like this:

var a = [
    {type: 'text', name: 'title', id: 'title', placeholder: 'Type here'},
    {type: 'textarea', name: 'description', id: 'description', placeholder: 'Type here'}
]

var b= {type: 'text', name: 'age', id: 'age', placeholder: 'Type here'} 

a.splice(1,0,b);

console.log(a)

answered Aug 08 '13 at 11:48

Manish Kumar

15,269
5
18
27

1

This would actually have to be `a.splice(1,0,b)` – Jeff Shaver Aug 08 '13 at 11:49

score 5 · Answer 2 · answered Aug 08 '13 at 11:48

If your array is in variable array, then:

array.splice(1, 0, {
    type: 'text',
    name: 'age',
    id: 'age',
    placeholder: 'Type here'
});

The 1 means that you want to place it at index 1, 0 means you want to delete 0 items from the array. See splice documentation, it is quite the abomination of a method with 2 purposes of which both are never used at the same time :D

score -1 · Answer 3 · edited Nov 19 '16 at 07:41

-1

If you want that object at that exact position, use the splice method.

var myArray = [{
  type: 'text',
  name: 'title',
  id: 'title',
  placeholder: 'Type here'
}, {
  type: 'textarea',
  name: 'description',
  id: 'description',
  placeholder: 'Type here'
}];
var myObject = {
  type: 'text',
  name: 'age',
  id: 'age',
  placeholder: 'Type here'
};
myArray.push(myObject);

edited Nov 19 '16 at 07:41

Pang

9,564
146
81
122

answered Aug 08 '13 at 11:51

T145

69
8

this will add the required object at the last of the array. – Manish Kumar Aug 08 '13 at 11:56
Did you read my edit? Please don't be so forthcoming. – T145 Aug 08 '13 at 11:56

Object insert issue in JavaScript array

3 Answers3