BASIC: 在数组中获取特定的字段 (ES6)

17 浏览
0 Comments

BASIC: 在数组中获取特定的字段 (ES6)

这是一个基本问题，但我希望从你们那里得到最好的答案！

我有一个包含3个对象的数组，如下图所示。但我不知道如何获取其中一个字段"thumbnail"。

我想要在这个数组中使用console.log()打印出3个thumbnailUrl：

0

1 答案

0 Comments

原因：问题的出现是因为需要从一个数组中获取特定字段的值。

解决方法：有两种解决方法。第一种方法是使用forEach循环遍历数组，然后输出所需字段的值。代码如下：

var arr = [
  {
    "albumId": 1,
    "id": 1,
    "title": "accusamus beatae ad facilis cum similique qui sunt",
    "url": "http://placehold.it/600/92c952",
    "thumbnailUrl": "http://placehold.it/150/92c952"
  },
  {
    "albumId": 1,
    "id": 2,
    "title": "reprehenderit est deserunt velit ipsam",
    "url": "http://placehold.it/600/771796",
    "thumbnailUrl": "http://placehold.it/150/771796"
  },
  {
    "albumId": 1,
    "id": 3,
    "title": "officia porro iure quia iusto qui ipsa ut modi",
    "url": "http://placehold.it/600/24f355",
    "thumbnailUrl": "http://placehold.it/150/24f355"
  }
];
arr.forEach(e => console.log(e.thumbnailUrl));

第二种方法是使用数组的map方法获取包含所需字段值的新数组。代码如下：

var arr = [
  {
    "albumId": 1,
    "id": 1,
    "title": "accusamus beatae ad facilis cum similique qui sunt",
    "url": "http://placehold.it/600/92c952",
    "thumbnailUrl": "http://placehold.it/150/92c952"
  },
  {
    "albumId": 1,
    "id": 2,
    "title": "reprehenderit est deserunt velit ipsam",
    "url": "http://placehold.it/600/771796",
    "thumbnailUrl": "http://placehold.it/150/771796"
  },
  {
    "albumId": 1,
    "id": 3,
    "title": "officia porro iure quia iusto qui ipsa ut modi",
    "url": "http://placehold.it/600/24f355",
    "thumbnailUrl": "http://placehold.it/150/24f355"
  }
];
var thumbnails = arr.map(e => e.thumbnailUrl);
console.log(thumbnails);

以上就是解决该问题的两种方法。

0