获取数组中对象中键值对的值

Question

我想在一个新数组中获取属性value的值。对于以下示例，结果为：["Plumbing", "Electrical", "Fencing"]

const arr = [
{ label: "Plumbing", value: "Plumbing" },
{ label: "Electrical", value: "Electrical" },
{ label: "Fencing", value: "Fencing" },
];

我的意思是：newArray = currentArray forEach Get Value

Answer 1

您可以使用地图轻松获取所有label的值

const arr = [
{ label: "Plumbing", value: "Plumbing" },
{ label: "Electrical", value: "Electrical" },
{ label: "Fencing", value: "Fencing" },
];
const result = arr.map((o) => o.value);
console.log(result);

你也可以破坏，使其更简洁

const result = arr.map(({ value }) => value);

const arr = [
{ label: "Plumbing", value: "Plumbing" },
{ label: "Electrical", value: "Electrical" },
{ label: "Fencing", value: "Fencing" },
];
const result = arr.map(({ value }) => value);
console.log(result);

Answer 2

您可以使用forEach将值添加到新数组中，如下所示：

const arr = [
{ value: "Plumbing", label: "Plumbing" },
{ label: "Electrical", value: "Electrical" },
{ label: "Fencing", value: "Fencing" },
];
var newArr = []
arr.forEach(e => newArr.push(e.value))
console.log(newArr)

或者就像@decpk在评论中说的那样，你可以像一样简单地使用map()

const arr = [
{ value: "Plumbing", label: "Plumbing" },
{ label: "Electrical", value: "Electrical" },
{ label: "Fencing", value: "Fencing" },
];
var newArr = arr.map(e => e.value)
console.log(newArr)