JSON array - delete first element

Question

I will like to not bring back or delete the first record in the array and append it to my page. I'm getting data from a JSON file below:

$(data.content).each(function(index, content){
  $("#htmlID").append('<span>' + content.myinfo + ');
});
    {

    "content": 

    [ 
{"myinfo":"Bill Clinton 095 years old. "},
{"myinfo":"Bill Clinton 195 years old. "},
{"myinfo":"Bill Clinton 295 years old. "},
{"myinfo":"Bill Clinton 295 years old. "}

    ]
    }

When i append my data to the page everything comes out perfect, but i will like to skip the first element (index)... i basically do not want to bring back Bill Clinton 095 years old for a particular output.

How do i do that? ( grep?, remove, delete? ).

What's the simplest approach?

Blazemonger · Accepted Answer · 2011-10-19 19:08:03Z

7

You probably don't want to modify the array or JSON, so just test which element you're on when you perform the loop:

$(data.content).each(function(index, content){
    if (index>0) { // skips first element
        $("#htmlID").append('<span>' + content.myinfo + '</span>');
    }
});

Or better yet, just use an old-fashioned for loop and save yourself some overhead:

for (var i=1; i<data.content.length; i++) {
    $("#htmlID").append('<span>' + data.content[i].myinfo + '</span>');
}

edited Oct 19, 2011 at 19:08

answered Oct 19, 2011 at 18:58

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

1 Comment

Greg Pettit Over a year ago

This was my first instinct as well. Simple and it works. Certainly use the for loop even if you "like" jQuery's .each() function; that way you're not running an if statement for each item. If you don't care about preserving JSON, Grigor's method is good, too.

Clive · Accepted Answer · 2011-10-19 18:58:55Z

2

If you just want to skip the first item this will do it:

$(data.content).each(function(index, content){
  if (index > 0) {
    $("#htmlID").append('<span>' + content.myinfo + '</span>');
  }
});

answered Oct 19, 2011 at 18:58

Clive

36.9k8 gold badges89 silver badges113 bronze badges

Comments

chown · Accepted Answer · 2011-11-18 01:29:20Z

2

use .shift(); method to do so, it will shift the first element

edited Nov 18, 2011 at 1:29

chown

52.9k17 gold badges138 silver badges170 bronze badges

answered Oct 19, 2011 at 18:58

Grigor

4,06910 gold badges44 silver badges80 bronze badges

1 Comment

Greg Pettit Over a year ago

just remember that shift returns the shifted element; don't act upon what's returned by the shift but rather the remains of the original variable.

jfriend00 · Accepted Answer · 2011-10-19 19:03:03Z

0

How about an old fashioned for loop that starts at index of 1:

var target = $("#htmlID");
for (var i = 1, len = data.content.length; i < len; i++) {
    target.append('<span>' + data.content[i].myinfo + '</span>');
}

answered Oct 19, 2011 at 19:03

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

JSON array - delete first element

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Related