如何在对象数组上使用map方法仅获取第一个值

Question

我只需要数组中对象中的apple。

const fruits = [{name: "apple"}, {name: "banana"}]

fruits.map((f)=>{
  console.log(f.name[0])
}) 

Answer 1

map函数接收第二个参数，它是插入值。因此，该代码将起作用：

const fruits = [{name: "apple"}, {name: "banana"}]
fruits.map((f, i)=>{
  if (i === 0) {
    console.log(f.name);
  }
});

但是，我猜想forEach更合适，因为map通常用于将一个数组转换为另一个数组，并且使用forEach进行循环。

const fruits = [{name: "apple"}, {name: "banana"}];
fruits.forEach((f, i)=>{
  if (i === 0) {
    console.log(f.name);
  }
});

如果您想知道数组第一个元素的内容，可以不用循环就可以做到这一点。您可以直接访问它：

const fruits = [{name: "apple"}, {name: "banana"}];    
const first = fruits[0];
console.log(first.name);

Answer 2

这没有多大意义，但这是可行的：

const fruits = [{name: "apple"}, {name: "banana"}]
var i = 0;
fruits.map((f)=>{
  if (i == 0) {
    console.log(f.name);
  }
  i++;
})