javascript - 给定以下数组,我将如何编写 ES6 表达式来返回所有名字

标签 javascript arrays ecmascript-6

const ducks = [
   { first: 'Stan', last: 'duck' },
   { first: 'Steve', last: 'duck' },
   { first: 'Kyle', last: 'duck' },
];

我试过了

const ducks = [
  { first: 'Stan', last: 'duck' },
  { first: 'Steve', last: 'duck' },
  { first: 'Kyle', last: 'duck' },
];

console.log(ducks, [3]); 

这返回太多:

[...]                                     [3]
  0: {first: "Stan", last: "duck"}          0: 3
  1: {first: "Steve", last: "duck"}         length: 1
  2: {first: "Kyle", last: "duck"}          __proto__: Array(0)
  length: 3
  __proto__: Array(0)

只需要它返回名称 "Stan""Steve""Kyle"

最佳答案

您只是记录数组和另一个包含数字 3 的数组。您的代码等同于此(尽管在控制台中分成两行):

console.log(ducks);
console.log([3]);

您应该使用 map 函数来获取所有名字的数组,例如:

let firstNames = ducks.map(duck => duck.first);
console.log(firstNames);

如果您只对记录名称感兴趣,请像这样使用 forEach:

ducks.forEach(duck => console.log(duck.first));

关于javascript - 给定以下数组,我将如何编写 ES6 表达式来返回所有名字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47564249/

相关文章:

javascript - 如何在ant design侧边栏添加链接(版本>=4.20.0)

C 指针 : array variable

javascript - 如何在 jsdoc 中标记任何类类型以获取类型提示

mysql - 如何使用 JSON 函数对 Mariadb 中的 json 字段的值求和

node.js - Webpack 从使用 module.exports 的文件导入

javascript - 使用 node.js 和 ES6/ES7 功能逐行读取 CSV 文件

javascript - ng-token-auth 不持久

javascript - postcss-import grunt 插件不工作

javascript - 如何从通过 ajax 加载的 PHP 页面调用 jquery 方法

arrays - 保存并恢复陷阱状态?管理多个陷阱处理程序的简便方法?