vue取出对象数组的id字段

可以使用map方法来取出对象数组中的id字段，例如：

const objArr = [{id: 1, name: 'John'}, {id: 2, name: 'Mary'}, {id: 3, name: 'Tom'}];

const idArr = objArr.map(obj => obj.id);

console.log(idArr); // [1, 2, 3]

上述代码中，使用map方法遍历对象数组，取出每个对象中的id字段，最终返回一个新的id数组。

相关问题

vue 将三维数组的某个字段取出 形成一个二维数组

假设你有一个三维数组 `arr`，每个元素都是一个对象，你想从其中取出每个元素的某个字段，形成一个二维数组 `newArr`，那么你可以使用 `map` 方法遍历原数组，然后再使用 `map` 方法遍历每个元素的子数组，最后将所需字段取出并放入新数组中。

代码示例：

const arr = [
  [
    { id: 1, name: 'A' },
    { id: 2, name: 'B' },
    { id: 3, name: 'C' }
  ],
  [
    { id: 4, name: 'D' },
    { id: 5, name: 'E' },
    { id: 6, name: 'F' }
  ]
];
const field = 'name';
const newArr = arr.map(subArr => subArr.map(item => item[field]));
console.log(newArr); // 输出 [['A', 'B', 'C'], ['D', 'E', 'F']]

上述代码中，外层的 `map` 方法遍历原数组中的每个子数组，内层的 `map` 方法遍历子数组中的每个元素，最终将元素的 `name` 属性取出并放入新数组中。需要注意的是，内层的 `map` 方法返回的是一个新数组，该数组中只包含所需字段的值。

vue将一个数组的某些字段赋值到另一个数组中

你可以使用 Vue.js 的数组方法 `map`，结合对象的解构赋值来实现赋值操作。

假设有两个数组 `array1` 和 `array2`，它们的元素都是对象，且这些对象都具有相同的属性和属性值：

const array1 = [
  { id: 1, name: 'Alice', age: 18 },
  { id: 2, name: 'Bob', age: 20 },
  { id: 3, name: 'Charlie', age: 22 }
]

const array2 = [
  { id: 1, name: '', age: null },
  { id: 3, name: '', age: null }
]

如果你想把 `array1` 中每个对象的 `name` 和 `age` 属性的值赋值给 `array2` 中对应对象的属性，可以这样实现：

array2.map(obj => {
  const { name, age } = array1.find(item => item.id === obj.id)
  obj.name = name
  obj.age = age
})

这段代码中，`map` 方法会遍历 `array2` 中的每个对象，对于每个对象，使用 `find` 方法从 `array1` 中找出对应的对象，并通过对象的解构赋值将 `name` 和 `age` 属性的值取出，然后赋值给当前对象的 `name` 和 `age` 属性。