Spread Operator для получения одного свойства объектов внутри массива - JS / TS

Question

Допустим, у меня есть:

const arr = [
  {label: 1, value: "One"},
  {label: 2, value: "two"}
}

Я хочу получить value из него как строковый массив,

Традиционный способ:

const strArr = [];
arr.forEach(ele => {strArr.push(ele.value)});
console.log(strArr);

Но могу ли я сделать это с помощью оператора распространения или любым другим способом?

Answer 1

Вы можете использовать Array#map метод.

const arr = [{
    label: 1,
    value: "One"
  },
  {
    label: 2,
    value: "two"
  }
]

let res = arr.map(o => o.value)
// or in case you want to create an object with only value 
// property then you can use Destructuring
// .map(({ value }) => ({ value }))

console.log(res)

Answer 2

Вы можете использовать Array.from, определив функцию отображения:

const arr = [
  {label: 1, value: "One"},
  {label: 2, value: "two"}
];

const vals = Array.from(arr, o => o.value);
console.log(vals);

Answer 3

Я бы также использовал .map () в этом случае. Но если вы действительно хотите использовать оператор распространения, вы можете сделать это.

const arr = [
  {label: 1, value: "One"},
  {label: 2, value: "two"}
];

const res = []

for (let obj of arr) {
  res = [...res, obj.value]
}
console.log(res)

Answer 4

Вы не можете сделать это с помощью оператора распространения. Вместо этого используйте map().

const arr = [{label: 1, value: "One"}, {label: 2, value: "two"}]

const res = arr.map(x => x.value);
console.log(res)