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，但是我想要的是狗的名字（巴基）和不喜欢的（金枪鱼），我该怎么做？

https://jsfiddle.net/g1rjwL7y/

Answer 1

barky = ccs_plaintext_message = u'some string '

金枪鱼= data[1].name

Answer 2

您的数据就像

let data=
      [ { "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"]
                      }
        } 
      ]


BarkySearh = data.find(e=>e.name==='Barky')  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

console.log ( BarkySearh.foods.dislikes[0]) // -> tuna

访问对象数组的属性

2 个答案: