Traverse json data using jquery

Question

I have following json data

[
  {
    id: "79",
    title: "Web+Infographics",
    path: "web-infographics"
  },
  {
    id: "80",
    title: "Miscellaneous",
    path: "miscellaneous"
  },
  {
    id: "81",
    title: "Entertainment",
    path: "entertainment"
  }
]

and i want to get the id, title and path out of it using jquery how can i do that? Thanks in advance.

Answer 1

Quite simple, use jQuery.each:

$.each(data, function (index, item) {
  console.log(item);
});

But, you don't really need jQuery for this simple task, give the native Array.prototype.forEach a try:

data.forEach(function (item) {
  console.log(item);
});

If you have to support older browsers and don't want to depend on a library, a for-loop could to the trick:

for (var i = 0; i < data.length; ++i) {
  var item = data[i];
}

Answer 2

<script>

var data = [
  {
    id: "79",
    title: "Web+Infographics",
    path: "web-infographics"
  },
  {
    id: "80",
    title: "Miscellaneous",
    path: "miscellaneous"
  },
  {
    id: "81",
    title: "Entertainment",
    path: "entertainment"
  }
];

$.each(data, function(key, value) {
    alert(value.id + ", " + value.title + ", " + value.path);
});

</script>