Фильтрация объектов JavaScript по ключам — распространенная задача в веб-разработке, когда вам нужно извлечь определенные свойства или удалить ненужные из объекта. В этой статье мы рассмотрим различные методы и предоставим примеры кода, чтобы продемонстрировать, как эффективно фильтровать объекты JavaScript по ключам.

Метод 1: использование метода Object.keys() и Array.prototype.reduce()

Метод Object.keys() возвращает массив имен собственных перечислимых свойств данного объекта. Вы можете объединить его с методом Array.prototype.reduce() для фильтрации объекта по ключам.

Пример:

const filterObjectByKeys = (obj, keys) => {
  return Object.keys(obj).reduce((acc, key) => {
    if (keys.includes(key)) {
      acc[key] = obj[key];
    }
    return acc;
  }, {});
};
const originalObject = {
  name: 'John',
  age: 25,
  email: 'john@example.com',
  city: 'New York',
};
const filteredObject = filterObjectByKeys(originalObject, ['name', 'email']);
console.log(filteredObject);
// Output: { name: 'John', email: 'john@example.com' }

Метод 2: использование метода Object.fromEntries() и Array.prototype.filter()

Метод Object.fromEntries() преобразует список пар ключ-значение в объект. Объединив его с методом Array.prototype.filter(), вы можете отфильтровать ненужные ключи объекта.

Пример:

const filterObjectByKeys = (obj, keys) => {
  const filteredEntries = Object.entries(obj).filter(([key]) =>
    keys.includes(key)
  );
  return Object.fromEntries(filteredEntries);
};
const originalObject = {
  name: 'John',
  age: 25,
  email: 'john@example.com',
  city: 'New York',
};
const filteredObject = filterObjectByKeys(originalObject, ['name', 'email']);
console.log(filteredObject);
// Output: { name: 'John', email: 'john@example.com' }

Метод 3: использование назначения деструктуризации ES6

Назначение деструктуризации ES6 позволяет напрямую извлекать определенные свойства из объекта.

Пример:

const filterObjectByKeys = (obj, keys) => {
  const filteredObject = {};
  for (const key of keys) {
    if (key in obj) {
      filteredObject[key] = obj[key];
    }
  }
  return filteredObject;
};
const originalObject = {
  name: 'John',
  age: 25,
  email: 'john@example.com',
  city: 'New York',
};
const filteredObject = filterObjectByKeys(originalObject, ['name', 'email']);
console.log(filteredObject);
// Output: { name: 'John', email: 'john@example.com' }

Фильтрация объектов JavaScript по ключам — распространенная операция при работе с данными. В этой статье мы рассмотрели три эффективных метода решения этой задачи. Используя метод Object.keys() с Array.prototype.reduce(), метод Object.fromEntries() с Array.prototype.filter() или назначение деструктуризации ES6, вы можете легко фильтровать объекты по ключам и получать желаемые свойства эффективно.

Не забудьте выбрать метод, который лучше всего подходит для вашего конкретного случая использования, учитывая такие факторы, как производительность, читабельность и совместимость с требованиями вашего проекта.

Освоив эти методы, вы сможете уверенно управлять объектами JavaScript и фильтровать их для извлечения необходимых данных, повышая эффективность и результативность ваших проектов веб-разработки.