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

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

您可以使用map轻松地获取所有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)

​