find value (and key) of an object in array (JS)

Question

I am writing a function that will iterate through an of objects to find if key:value pair exists and if so, it adds into another array (in case there are multiple matches)

The array contains objects. The function takes as argument what key and value you're looking for and then iterates through array till it finds it. As you can see, key is a variable then and my problem is I am not sure how to access object property when referring to as a variable value.

for (let i = 0; i < arr.length; i++) {
    if (arr[i].[key] == value) {
      result.push(arr[i]);
    }
}

I thought maybe putting it in [key] would help, but I was obviously wrong. I tried googling how to do it, but I guess i can't put it in words right .

Spectric · Accepted Answer · 2021-09-08 16:03:03Z

2

You are confusing dot notation with bracket notation.

Remove the .; arr[i].[key] == value1 should be arr[i][key] == value.

const arr = [{
  'a': 'b'
}]

key = 'a'
value = 'b'
const result = []

for (let i = 0; i < arr.length; i++) {
  if (arr[i][key] == value) {
    result.push(arr[i]);
  }
}

console.log(result)

You can simplify the code by using filter:

const arr = [{
  'a': 'b'
}]

key = 'a'
value = 'b'

const result = arr.filter(e => e[key] == value)

console.log(result)

edited Sep 8, 2021 at 16:03

answered Sep 8, 2021 at 15:59

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

Comments

Nicolas Di Fabio · Accepted Answer · 2021-09-09 13:59:21Z

1

You can use ES6+ and ternary true ( && == only true action )

const arr = [{
  a: 'b'
}];

const key = 'a';
const value = 'b';
const result = [];

for (const item of arr) {
  (item[key] === value) && result.push(item)
};
console.log(result);

You can simplify the code by using filter:

const arr = [{
  a: 'b'
}];

const key = 'a';
const value = 'b';
const result = [];

for( const item of arr ) {
  ( item[key] === value ) && result.push( item )
};
console.log( result );

edited Sep 9, 2021 at 13:59

answered Sep 9, 2021 at 13:53

Nicolas Di Fabio

112 bronze badges

Comments

Roko C. Buljan · Accepted Answer · 2021-09-08 16:02:04Z

0

use Array.prototype.filter()
You should know upfront what exact property name you're willing to reference to:

const arr = [
  {name:"Evan", age:28},
  {name:"John", age:23},
  {name:"Anne", age:28},
];


const searchProp = "age";
const searchValue = 28;

const result = arr.filter((user) => user[searchProp] === searchValue);
console.log(result)

answered Sep 8, 2021 at 16:02

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Comments

CherryDT · Accepted Answer · 2021-09-08 16:02:36Z

0

You are almost there, just get rid of the extra . between [i] and [key]:

for (let i = 0; i < arr.length; i++) {
    if (arr[i][key] == value) {
      result.push(arr[i]);
    }
}

However, there would be a simpler and more straight-forward way, using filter:

const result = arr.filter(obj => obj[key] == value)

Example:

const arr = [
  { a: 1, b: 1 },
  { a: 1, b: 2 },
  { a: 2, b: 1 },
  { a: 2, b: 2 }
]
const key = 'b'
const value = 1

const result = arr.filter(obj => obj[key] == value)

console.log(result)
// Output: [{ a: 1, b: 1 }, { a: 2, b: 1 }]

edited Sep 8, 2021 at 16:02

answered Sep 8, 2021 at 15:59

CherryDT

29.4k5 gold badges56 silver badges86 bronze badges

Collectives™ on Stack Overflow

find value (and key) of an object in array (JS)

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related