productNameList为数组，productNameList.value = arr.forEach(item => { return item.product_name; });

在JavaScript中，`arr.forEach()` 方法用于遍历数组，并对数组中的每个元素执行一个由您提供的函数。然而，`forEach` 方法是专门用来执行副作用的（即不返回值），它返回的是 `undefined`。因此，您不能通过 `forEach` 方法来创建一个新数组，即不能直接通过 `forEach` 来收集处理后的值。

如果您的目标是遍历 `productNameList` 数组，并收集每个元素的 `product_name` 属性到一个新数组中，您应该使用 `map` 方法而不是 `forEach`。`map` 方法会对数组中的每个元素执行一个回调函数，并返回一个新数组，该数组是回调函数的返回值组成的。

以下是正确的使用 `map` 方法的代码示例：

let productNameList = arr.map(item => {
  return item.product_name;
});

这段代码会创建一个新数组 `productNameList`，它包含了原数组 `arr` 中每个对象的 `product_name` 属性值。

相关问题

growCardList.forEach((item,index) =>{ item.value=arr[index] item.total=arr[index+1] console.log(item.total) })代码意思

这段代码的意思是遍历一个名为 `growCardList` 的数组，对每个元素执行以下操作：
- 将 `item.value` 的值设置为 `arr[index]`，其中 `index` 是当前元素在数组中的索引。
- 将 `item.total` 的值设置为 `arr[index+1]`，即当前元素下一个元素的值。
- 在控制台打印出 `item.total` 的值。

换句话说，这段代码将根据给定的数组 `arr` 给 `growCardList` 数组中的每个元素的 `value` 和 `total` 属性赋值，并打印出每个元素的 `total` 值。

async function confirm() { isShow.value = false; // params.value.pageSize = 7 let i = menu.value.find((v) => v.isActive === true).id - 1; if (i === 0) { params.value.houseType = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 1) { params.value.orientation = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 2) { params.value.rentStr = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 3) { let arr = []; tagsList.value?.forEach((v) => { if (v.isActive === true) { arr.push(v.value * 1); } }); if (arr.length > 0) { params.value.houseLabels = arr.join(","); } } search(); }优化

可以将这段代码优化为：

isShow.value = false;
// params.value.pageSize = 7
const i = menu.value.findIndex(v => v.isActive) - 1;
if (i === 0) {
  params.value.houseType = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 1) {
  params.value.orientation = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 2) {
  params.value.rentStr = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 3) {
  const arr = tagsList.value?.filter(v => v.isActive)?.map(v => v.value * 1);
  if (arr?.length) {
    params.value.houseLabels = arr.join(",");
  }
}
search();

这样可以将代码变得更加简洁和易读，同时也可以避免使用可选链操作符时的一些潜在问题。