jquery - jquery を使用して json データをトラバースする

Question

次のjsonデータがあります

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

jqueryを使用してID、タイトル、パスを取得したいのですが、どうすればよいですか? 前もって感謝します。

Answer 1

非常に簡単です。次を使用しますjQuery.each。

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

ただし、この単純なタスクには jQuery は実際には必要ありません。ネイティブArray.prototype.forEachを試してみてください。

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

古いブラウザをサポートする必要があり、ライブラリに依存したくない場合は、forループを使用するとうまくいきます。

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>