get item in array by id in javascript

To get an item in an array by its ID in JavaScript, you can use:

The find() method: The find() method returns the value of the first element in an array that satisfies a provided condition. You can use find() to search for an item with a specific ID property.


index.tsx
const idToFind = 2;
const itemsArray = [
  { id: 1, name: "Item 1" },
  { id: 2, name: "Item 2" },
  { id: 3, name: "Item 3" }
];

const foundItem = itemsArray.find(item => item.id === idToFind);

console.log(foundItem); // { id: 2, name: "Item 2" }
250 chars
11 lines

The filter() method: The filter() method creates a new array with all elements that pass the test implemented by the provided function. You can use filter() to search for all items with a specific ID property.


index.tsx
const idToFind = 2;
const itemsArray = [
  { id: 1, name: "Item 1" },
  { id: 2, name: "Item 2" },
  { id: 3, name: "Item 3" },
  { id: 2, name: "Item 2 - Duplicate ID" }
];

const foundItems = itemsArray.filter(item => item.id === idToFind);

console.log(foundItems); // [{ id: 2, name: "Item 2" }, { id: 2, name: "Item 2 - Duplicate ID" }]
342 chars
12 lines

Note that find() returns only the first match it finds, whereas filter() can return multiple matches.

similar javascript code snippets

how to find object index in an array in javascript

find all truthy values in an integer array in javascript

how to get an element by type in javascript

find index of an object in an array in javascript

find the largest number in a list in javascript

remove an object from an array in javascript

how to update a single vaue in an array in javascript

split a provided array into chunks of a provided size in javascript

sort an array of objects in javascript

how to create an array of size n with numbers filled from 1 to n in javascript

related categories