Check an array contains an object using one key with Array.includes

Question

I have an Array, like this one:

let myarr = [
  {type:"a", class:"x", value:"p"},
  {type:"b", class:"x", value:"r"},
  {type:"a", class:"y", value:"p"}
];

I need to use Array.includes to check whether an object with class=y is in this array.

I need to check it with myarr.includes({condition});

I could simply compare the whole object but I don't know how to use a key of the object to check.

it does not work with includes. you need a different approach. why includes? — Nina Scholz
– Nina Scholz, Commented Sep 6, 2018 at 11:13
Why are you using .includes() for that? Is this a requirement? — com
– com, Commented Sep 6, 2018 at 11:13
Why would you need to check it with myarr.includes? Thats not the right method for the job — Luca Kiebel
– Luca Kiebel, Commented Sep 6, 2018 at 11:13

Andrew Bone · Accepted Answer · 2018-09-06 11:23:05Z

7

To do this you can use the some() method.

The some() method tests whether at least one element in the array passes the test implemented by the provided function.

let myarr = [
  {type: "a",class: "x",value: "p"},
  {type: "b",class: "x",value: "r"},
  {type: "a",class: "y",value: "p"}
];

let pass = myarr.some(item => item.class == 'y');
let fail = myarr.some(item => item.class == 'z');

console.log(pass);
console.log(fail);

edited Sep 6, 2018 at 11:23

Andrew Bone

7,3112 gold badges21 silver badges35 bronze badges

answered Sep 6, 2018 at 11:13

Harun Or Rashid

5,9572 gold badges21 silver badges23 bronze badges

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

Comments

jordrake · Accepted Answer · 2018-09-06 11:14:17Z

2

Array.prototype.includes relies on identity checks which requires you to pass in the same object (not just an object with the same properties, it needs the same reference such that objA === objB). You want a function that allows you to provide a function in which you can check the condition. Fortunately there is Array.prototype.some for this ask.

myarr.some(item => item.class === 'y')

answered Sep 6, 2018 at 11:14

jordrake

5303 silver badges9 bronze badges

Comments

Matías Fidemraizer · Accepted Answer · 2018-09-06 12:35:03Z

You may either use Array#some or you may also take advantage of using proper data structures.

Array#some

const myArr = [{
    type: "a",
    class: "x",
    value: "p"
  },
  {
    type: "b",
    class: "x",
    value: "r"
  },
  {
    type: "a",
    class: "y",
    value: "p"
  }
]

const hasClassY = myArr.some (o => o.class == 'y')
console.log (hasClassY)

`Map` instead of `Array`

const classMap = new Map([
  ['x', [{
    type: "a",
    class: "x",
    value: "p",

  }, {
    type: "b",
    class: "x",
    value: "r"
  }]],

  ['y', [{
    type: "a",
    class: "y",
    value: "p"
  }]]
])

if (classMap.has('y')) {
  // Do stuff here
}

const itemsWithYClass = classMap.get('y')
const itemsWithXClass = classMap.get('x')

const flatten = xs => [...xs].reduce((r, el) => [...r, ...el])

const allItems = flatten(classMap.values())

console.log('Y class: ', itemsWithYClass)
console.log('X class: ', itemsWithXClass)
console.log('All: ', allItems)

Specialized `Map`

class SpecializedMap extends Map {
  get[Symbol.species]() {
    return Map
  }

  getAll() {
    return [...this.values()].reduce((r, el) => [...r, ...el])
  }
}


const classMap = new SpecializedMap([
  ['x', [{
    type: "a",
    class: "x",
    value: "p",

  }, {
    type: "b",
    class: "x",
    value: "r"
  }]],

  ['y', [{
    type: "a",
    class: "y",
    value: "p"
  }]]
])

if (classMap.has('y')) {
  // Do stuff here
}

const itemsWithYClass = classMap.get('y')
const itemsWithXClass = classMap.get('x')
const allItems = classMap.getAll()


console.log('Y class: ', itemsWithYClass)
console.log('X class: ', itemsWithXClass)
console.log('All: ', allItems)

Array + Set

const myArr = [{
    type: "a",
    class: "x",
    value: "p"
  },
  {
    type: "b",
    class: "x",
    value: "r"
  },
  {
    type: "a",
    class: "y",
    value: "p"
  }
]

// This set contains all unique classes within myArr
// The challenge is you need to sync myArr with classSet
// so classSet contains the actual classes within myArr.
const classSet = new Set(['x', 'y'])

// Somewhere in your code you import classSet and...

if (classSet.has('y')) {
  console.log('Do stuff here!')
}

joedavis · Accepted Answer · 2018-09-06 12:58:48Z

1

Try this simple solution.

let myarr = [
  {type:"a", class:"x", value:"p"},
  {type:"b", class:"x", value:"r"},
  {type:"a", class:"y", value:"p"}
];

console.log(myarr.some(function(element){return element["class"] === "x";}))

answered Sep 6, 2018 at 12:58

joedavis

864 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You could use Array.prototype.includes() or String.prototype.includes() but is not practical, and is not useful as a general solution in this case, see this:

let myarr = [
    {type:"a", class:"x", value:"p"},
    {type:"b", class:"x", value:"r"},
    {type:"a", class:"y", value:"p"}
  ];

//String.includes - We need the exact match, this could lead to error  
var value1 = JSON.stringify(myarr).includes('"class":"x"');

//Array.includes - It's ok, but it has two iterations, not one as some()
var value2 = myarr.map(o=>o.class).includes("x")

console.log(value1)
console.log(value2)

That is why using Some(), as other users said, is the better choice.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 6, 2018 at 11:55

Emeeus

5,2922 gold badges30 silver badges42 bronze badges

Comments

Christopher Moore · Accepted Answer · 2018-09-06 11:46:19Z

-2

I use lodash .includes() or .has() methods for things like that:

_.includes({ 'a': 1, 'b': 2 }, 1);

https://lodash.com/docs/4.17.10#includes

You can also do this with a plain js map, some or other methods.

edited Sep 6, 2018 at 11:46

Christopher Moore

3,0995 gold badges33 silver badges46 bronze badges

answered Sep 6, 2018 at 11:14

Vasyl Gutnyk

5,0593 gold badges37 silver badges38 bronze badges

2 Comments

Andrew Bone Over a year ago

Generally, unless the OP specifies otherwise, it's best to avoid needing a library in your answer. A good way to improve this answer would be to acknowledge some() and then add lodash as a suggestion after the fact.

Vasyl Gutnyk Over a year ago

@AndrewBone ye, i understand, but its still nothing wrong to know, u can do it fast with lodash. Cause sometimes u have "2 mins" (not 2 hours looking for plain js solutions) to push changes:)

Collectives™ on Stack Overflow

Check an array contains an object using one key with Array.includes

6 Answers 6

Comments

Comments

Array#some

`Map` instead of `Array`

Specialized `Map`

Array + Set

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Array#some

Map instead of Array

Specialized Map

Array + Set

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related

`Map` instead of `Array`

Specialized `Map`