【问题标题】:JS nested array: How to display first array in console?JS 嵌套数组:如何在控制台中显示第一个数组?
【发布时间】:2019-07-01 20:42:51
【问题描述】:

我有这个嵌套数组。

var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["JavaScript", "Gaming", "Foxes"]
    }
];

我知道如何访问数组中的属性,如下所示:

contacts[0][firstName]

获取"Akira"。但我想显示嵌套数组中的第一个数组。我该怎么做呢?如果我只输入console.log(contacts[0]);,我会得到[object Object]

我听说过 JSON.parse()。在嵌套数组或任何其他数组中显示第一个数组是否正确?

【问题讨论】:

  • 不,我想在控制台中查看第一个数组
  • 那里没有 JSON,所以不需要JSON.parse不同的浏览器会为console.log 显示不同的输出(该链接还显示了如何“记录对象”),因此考虑使用console.dir 来诊断显示对象

标签: javascript json multidimensional-array


【解决方案1】:

我认为您需要JSON.stringify() 而不是JSON.parse()

var contacts = [{
    "firstName": "Akira",
    "lastName": "Laine",
    "number": "0543236543",
    "likes": ["Pizza", "Coding", "Brownie Points"]
  },
  {
    "firstName": "Harry",
    "lastName": "Potter",
    "number": "0994372684",
    "likes": ["Hogwarts", "Magic", "Hagrid"]
  },
  {
    "firstName": "Sherlock",
    "lastName": "Holmes",
    "number": "0487345643",
    "likes": ["Intriguing Cases", "Violin"]
  },
  {
    "firstName": "Kristian",
    "lastName": "Vos",
    "number": "unknown",
    "likes": ["JavaScript", "Gaming", "Foxes"]
  }
];

console.log(JSON.stringify(contacts[0], null, '  '));

【讨论】:

    【解决方案2】:

    如果在您的数据结构中,likes 始终是一个数组,您可以通过以下方式访问它: contacts[0].likes

    控制台记录它: console.log(contacts[0].likes).

    您还可以通过循环访问对象来访问每个数组:

    contacts.forEach(contact => {
      console.log(contact.likes)
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-11
      • 2016-06-03
      • 1970-01-01
      • 2020-11-06
      • 2021-08-12
      相关资源
      最近更新 更多