Get only specific values in array of objects in JavaScript

Question

I'm trying to get only two objects in the resultant array with label one and label two. How do I filter values in an array of objects. Could anyone please help?

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

arr.map((val, index) => val.filter(val.label => val.label === 'one' && val.label === 'two'))

console.log(arr)

I was expecting an output like this below

[{
    value: "1",
    label: "one"
  },
  {
    value: "2",
    label: "two"
  },
]

Unmitigated · Accepted Answer · 2020-06-23 19:08:41Z

3

You can check if the label is either "one" or (not and) "two" with just filter (you don't need map).

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

const res = arr.filter(val => val.label === 'one' || val.label === 'two');

console.log(res)

If there are multiple labels you want to allow, you can use a Set to store them, and use Set#has for filtering.

const arr = [{
    value: "1",
    label: "one"
  },
  {
    value: "2",
    label: "two"
  },
  {
    value: "3",
    label: "three"
  },
  {
    value: "4",
    label: "four"
  },
  {
    value: "5",
    label: "five"
  },
  {
    value: "6",
    label: "six"
  },
  {
    value: "7",
    label: "seven"
  }
];
const allowedLabels = new Set(["one", "two", "four", "seven"]);
const res = arr.filter(val=>allowedLabels.has(val.label));
console.log(res)

edited Jun 23, 2020 at 19:08

answered Jun 23, 2020 at 19:03

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pac0 · Accepted Answer · 2020-06-23 19:03:47Z

1

You want to change your condition as a 'OR' (|| instead of &&), because one particular element cannot have label that is, at the same time, both 'one' and 'two'.

You want that a particular element has label that is either 'one' or 'two'

answered Jun 23, 2020 at 19:03

Pac0

23.3k9 gold badges76 silver badges85 bronze badges

Comments

Elciney Júnior · Accepted Answer · 2020-06-23 19:13:39Z

1

I think that you want to do this -

arr.filter((obj) => obj.label == "one" || obj.label == "two");

edited Jun 23, 2020 at 19:13

answered Jun 23, 2020 at 19:09

Elciney Júnior

765 bronze badges

Comments

iAmOren · Accepted Answer · 2020-06-23 19:10:55Z

0

Use the filter method:

arr.filter(obj => ((obj.label=="one")||(obj.label=="two")))

edited Jun 23, 2020 at 19:10

answered Jun 23, 2020 at 19:07

iAmOren

2,8122 gold badges14 silver badges23 bronze badges

Comments

Abhishek Bhagate · Accepted Answer · 2020-06-23 19:11:51Z

0

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

You don't have to use map. You can directly filter you array using filter() which takes a function(that will be take each element of the array as parameter) and returns a new array with only the elements that matches the specified condition of the function.

You can do it as follows -

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


let filtered_arr = arr.filter((obj)=> obj.label==='one' || obj.label==='two');

console.log(filtered_arr)

edited Jun 23, 2020 at 19:11

answered Jun 23, 2020 at 19:06

Abhishek Bhagate

5,8063 gold badges18 silver badges33 bronze badges

Collectives™ on Stack Overflow

Get only specific values in array of objects in JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related