javascript - 访问对象数组的属性

Question

这是数组:

[
  {
    "name": "Meowsy",
    "species" : "cat",
    "foods": {
      "likes": ["tuna", "catnip"],
      "dislikes": ["ham", "zucchini"]
    }
  },
  {
    "name": "Barky",
    "species" : "dog",
    "foods": {
      "likes": ["bones", "carrots"],
      "dislikes": ["tuna"]
    }
  },
  {
    "name": "Purrpaws",
    "species" : "cat",
    "foods": {
      "likes": ["mice"],
      "dislikes": ["cookies"]
    }
  }
]

这是我的 JS 代码:

(function($){
    $('button').on( 'click', function(){
    $.ajax({
        url: 'https://raw.githubusercontent.com/LearnWebCode/json-example/master/animals-1.json',
      dataType: 'json',
      success: function(data){
        $('p').html(data[0].name)
      }
    })
  })
})(jQuery)

这样我就可以显示Meowsy，但我想要的是狗的名字(Barky)和不喜欢的东西(金枪鱼)，我该怎么做？

https://jsfiddle.net/g1rjwL7y/

Answer 1

barky = 数据[1].name

金枪鱼= 数据[1].foods.dislikes[0]