首页 > 解决方案 > 如何在Javascript中显示来自不同对象的相同属性

问题描述

我正在做一个使用 The Movie Db API 的项目,但我对显示以下对象有点困惑:

(3) [{…}, {…}, {…}]
0: {id: 12, name: "Adventure"}
1: {id: 28, name: "Action"}
2: {id: 878, name: "Science Fiction"}
length: 3
__proto__: Array(0)

基本上,我试图弄清楚如何在一个元素中显示这 3 种类型。像这样执行 forEach 循环:

const genreArr = data.genres;
console.log(genreArr)
genreArr.forEach(function(item){
    genre.textContent = item.name;
})

只显示一个流派名称,而不是所有流派名称。那么,我该怎么做才能在一个段落中显示所有这些?

标签: javascriptarraysobjectforeach

解决方案


你可以做这样的事情

let arr = [];
let sentence = '';

genreArr.forEach(el => {
  arr.push(el.name);
  sentence += ' ' + el.name;
})

console.log(arr)
console.log(sentence)

推荐阅读