前端数组对象提取对象中的一项重新组成一个新数组

要从前端的数组对象中提取对象的一项，然后重新组成一个新的数组，可以使用 JavaScript 的 `map()` 方法。

以下是一个示例代码：

let originalArray = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Charlie', age: 35 }
];

let extractedArray = originalArray.map(obj => obj.name);
console.log(extractedArray); // 输出 ["Alice", "Bob", "Charlie"]

在上面的例子中，我们有一个名为 `originalArray` 的数组对象，其中包含了多个对象，每个对象都有 `id`、`name` 和 `age` 这几个属性。

使用 `map()` 方法，我们遍历了 `originalArray` 数组中的每一个对象，并通过箭头函数 `obj => obj.name` 提取出了每个对象的 `name` 属性。这样，`extractedArray` 数组就包含了所有对象的 `name` 属性值。

最后，我们通过 `console.log()` 打印出了提取后的新数组 `extractedArray`。

你可以根据需求修改箭头函数中提取的属性，例如提取 `age` 属性，只需将箭头函数改为 `obj => obj.age` 即可。

相关问题

前端数组前端添加一个对象

如果你想在前端数组中添加一个对象，可以使用JavaScript中的push()方法。这个方法会将一个或多个元素添加到数组的末尾，并返回新的数组长度。下面是一个示例代码：

// 原始数组
let myArray = [{name: "Alice", age: 25}, {name: "Bob", age: 30}];

// 添加一个新的对象
let newObj = {name: "Charlie", age: 20};
myArray.push(newObj);

// 输出新的数组
console.log(myArray);

运行这段代码后，你会在控制台中看到一个包含三个对象的数组。其中第三个对象就是我们刚刚添加的新对象。

前端数组根据一个新数组去筛选

可以使用 JavaScript 中的 filter 方法来筛选数组。filter 方法可以接受一个回调函数作为参数，回调函数会遍历数组中的每个元素，如果回调函数返回 true，则该元素会被保留在返回的新数组中，否则会被过滤掉。

假设有一个原始数组 `arr`，要根据一个新数组 `filterArr` 来筛选出符合条件的元素，可以这样写：

const arr = [1, 2, 3, 4, 5];
const filterArr = [2, 4, 6];
const filteredArr = arr.filter(item => filterArr.includes(item));
console.log(filteredArr); // [2, 4]

上面的代码中，使用了 `filter` 方法和 `includes` 方法。`filter` 方法会遍历原始数组 `arr` 中的每个元素，并把符合条件的元素保留在返回的新数组 `filteredArr` 中。而 `includes` 方法会判断 `filterArr` 中是否包含当前遍历的元素 `item`，如果包含则返回 true，否则返回 false。

最终，`filteredArr` 中会保留原始数组中与 `filterArr` 中相同的元素，即 `[2, 4]`。