Как найти объект в массиве JavaScript по значению свойства?

Используйте метод find() для поиска объекта в массиве

Самый простой и современный способ найти объект в массиве по значению свойства — это использовать метод find(). Он возвращает первый объект, удовлетворяющий условию, или undefined, если такой объект не найден.

Вот как это работает для вашего примера:

const users = [
  { id: 1, name: 'Анна', email: 'anna@example.com' },
  { id: 2, name: 'Иван', email: 'ivan@example.com' },
  { id: 3, name: 'Мария', email: 'maria@example.com' }
];

// Ищем пользователя с id = 2
const user = users.find(user => user.id === 2);

console.log(user);
// Вывод: { id: 2, name: 'Иван', email: 'ivan@example.com' }

Как это работает

• find() принимает функцию обратного вызова (callback), которая выполняется для каждого элемента массива.
• Callback-функция должна вернуть true или false. Если вернулось true, find() немедленно возвращает этот элемент и прекращает поиск.
• Если ни один элемент не подошёл, возвращается undefined.

Обработка случая, когда объект не найден

Чтобы вернуть null вместо undefined (как вы просили), можно использовать оператор нулевого слияния (??) или тернарный оператор:

const user = users.find(user => user.id === 100) ?? null;
console.log(user); // null

Или классический вариант с проверкой:

const foundUser = users.find(user => user.id === 100);
if (foundUser) {
  console.log('Пользователь найден:', foundUser);
} else {
  console.log('Пользователь не найден');
}

Производительность

Метод find() работает быстро даже на больших массивах, потому что он останавливается, как только находит первый подходящий элемент. В худшем случае (когда элемента нет) он пройдёт по всем элементам — это O(n), где n — количество элементов. Для 10 000 элементов это практически мгновенно.

Альтернативный метод: filter()

Если вам нужно найти все объекты, удовлетворяющие условию, используйте filter(). Но для поиска одного объекта он не подходит, так как возвращает массив:

const usersWithId2 = users.filter(user => user.id === 2);
// [{ id: 2, name: 'Иван', email: 'ivan@example.com' }]

Поиск по строковому свойству (например, по email)

Метод find() отлично работает и со строками:

const userByEmail = users.find(user => user.email === 'maria@example.com');
console.log(userByEmail); // { id: 3, name: 'Мария', ... }

Советы для начинающих

• Всегда проверяйте результат на undefined или null, чтобы избежать ошибок при обращении к свойствам несуществующего объекта.
• Если вы ищете по уникальному полю (например, id), find() — идеальный выбор.
• Для более сложных условий можно использовать findIndex() — он возвращает индекс найденного элемента, а не сам элемент.

Надеюсь, теперь стало понятно! Метод find() — самый лаконичный и эффективный способ для вашей задачи.

const users = [
  { id: 1, name: 'Анна', email: 'anna@example.com' },
  { id: 2, name: 'Иван', email: 'ivan@example.com' },
  { id: 3, name: 'Мария', email: 'maria@example.com' }
];

function findUserById(id) {
  for (const user of users) {
    if (user.id === id) {
      return user; // возвращаем объект, как только нашли
    }
  }
  return null; // если ничего не нашли
}

const user = findUserById(2);
console.log(user); // { id: 2, name: 'Иван', email: 'ivan@example.com' }