js 往对象数组里加入一个字段 返回新的数组

要在JavaScript中往对象数组里加入一个字段并返回新的数组，可以使用`map()`方法。`map()`方法会创建一个新数组，其结果是原数组中的每个元素都调用一个提供的函数后的返回值。

假设我们有一个对象数组`arr`，我们想要给每个对象添加一个名为`newField`的字段，其值为`newValue`，可以这样做：

const arr = [
  { name: '张三', age: 25 },
  { name: '李四', age: 30 },
  { name: '王五', age: 35 }
];

const newArr = arr.map(item => {
  return { ...item, newField: 'newValue' };
});

console.log(newArr);

输出结果：

[
  { "name": "张三", "age": 25, "newField": "newValue" },
  { "name": "李四", "age": 30, "newField": "newValue" },
  { "name": "王五", "age": 35, "newField": "newValue" }
]

这样我们就得到了一个新的数组`newArr`，其中每个对象都包含了新增的`newField`字段。

相关问题

vue3中通过js实现：已知两个对象数组arr1,arr2，要求arr1中找到arr2中相同id的对象，并把arr2该相同id的对象剩余字段加入arr1该对象中，并返回修改后的arr1对象数组

可以使用 Vue3 中提供的 Array 的 map() 和 find() 方法来实现这个功能，具体代码如下：

const arr1 = [
  { id: 1, name: 'obj1' },
  { id: 2, name: 'obj2' },
  { id: 3, name: 'obj3' }
]

const arr2 = [
  { id: 1, age: 20 },
  { id: 2, age: 30 },
  { id: 4, age: 40 }
]

const result = arr1.map((obj1) => {
  const obj2 = arr2.find((item) => item.id === obj1.id)
  if (obj2) {
    return { ...obj1, ...obj2 }
  } else {
    return obj1
  }
})

console.log(result)

以上代码会输出一个修改后的 `arr1`，其中相同 `id` 的对象会将 `arr2` 中剩余字段加入到 `arr1` 中。

vue数据.map过滤返回数组

假设有如下数据：

const data = [
  { id: 1, name: '张三', age: 20 },
  { id: 2, name: '李四', age: 25 },
  { id: 3, name: '王五', age: 30 }
]

可以使用 `map` 方法过滤并返回一个新数组：

const filteredData = data.map(item => {
  if (item.age > 20) {
    return {
      id: item.id,
      name: item.name
    }
  }
})

上述代码中，使用 `map` 方法遍历原数组 `data`，并根据条件过滤出符合条件的项，返回一个新的数组 `filteredData`。在过滤的过程中，使用 `if` 语句判断当前项的年龄是否大于 20，如果是，则返回一个新的对象，包含 `id` 和 `name` 字段，否则返回 `undefined`，不会被加入新数组中。最终得到的 `filteredData` 数组如下所示：

[
  undefined,
  { id: 2, name: '李四' },
  { id: 3, name: '王五' }
]

由于原数组的第一项年龄小于 20，所以对应的项在新数组中是 `undefined`。