Get the value of a key value pair in an object in an array

Question

I would like to get the values of the attribute value in a new array. For the following example, the result would be: ["Plumbing", "Electrical", "Fencing"]

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

I mean something like: newArray = currentArray forEach Get Value

The answer is below. You should accept is answer. – lance-p May 22 '21 at 00:18 — lance-p, May 22 '21 at 00:18

DecPK · Answer 1 · 2021-05-21T23:50:14.560

2

You can easily get the value of all label using map

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

const result = arr.map((o) => o.value);
console.log(result);

You can also destructure to make it more succinct

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);

edited May 21 '21 at 23:50

answered May 21 '21 at 23:29

DecPK

24,537
6
26
42

Hm... I would not recommend reduce for the OP in this case. Map is the correct functor for this case, anyway, and reduce might confuse the OP – Rodrigo Rodrigues May 21 '21 at 23:33
That's why I removed it before your comment. Thanks for the suggesion. hehe – DecPK May 21 '21 at 23:34
1

You're right that's why I upvoted yours. In my language we say "Why make it simple when you can make it complicated" :) – crg May 21 '21 at 23:34
2

Anyway, this is a clear duplicate guys, let's go easy on the answers – Rodrigo Rodrigues May 21 '21 at 23:35

crg · Answer 2 · 2021-05-21T23:28:41.030

0

You can add your values to a new array using forEach like so :

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)

Or like @decpk said in comment you could simply use map() like so

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

var newArr = arr.map(e => e.value)

console.log(newArr)

edited May 21 '21 at 23:28

answered May 21 '21 at 23:27

crg

4,284
2
29
57

3

why to use `forEach` when you have `map` that returns result in new array by default. – DecPK May 21 '21 at 23:28

Get the value of a key value pair in an object in an array

2 Answers2