как выделить подмножество свойств объекта в javascript

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Эту задачу можно выполнить с помощью деструктуризации:

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

// Выделение свойств name и age
const { name, age } = person;

console.log(name); // Alice
console.log(age);  // 25

Вы можете создать новый объект, вручную задав нужные свойства:

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female',
  country: 'USA'
};

// Создание нового объекта из подмножества свойств
const subset = {
  name: person.name,
  age: person.age
};

console.log(subset); // { name: 'Alice', age: 25 }

Если вам нужно выбрать динамическое подмножество свойств, можете использовать методы Object.entries и Object.fromEntries:

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

const keysToPick = ['name', 'age'];

// Фильтрация свойств
const subset = Object.fromEntries(
  Object.entries(person).filter(([key]) => keysToPick.includes(key))
);

console.log(subset); // { name: 'Alice', age: 25 }

Библиотеки, такие как lodash, предоставляют функции для работы с объектами. Например, метод pick позволяет легко создавать новый объект, содержащий только указанные свойства:

const _ = require('lodash'); // Не забудьте установить lodash

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

const subset = _.pick(person, ['name', 'age']);

console.log(subset); // { name: 'Alice', age: 25 }

Вы можете создать свою собственную функцию для выбора подмножества свойств из объекта:

function pick(obj, keys) {
  return Object.fromEntries(
    Object.entries(obj).filter(([key]) => keys.includes(key))
  );
}

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

const subset = pick(person, ['name', 'age']);

console.log(subset); // { name: 'Alice', age: 25 }

9 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

2 месяца

ООП на Javascript

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

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

10 месяцев

Node.js-разработчик

Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API

2 месяца

DDD на Javascript

Навык ООП и предметно-ориентированного программирования для создания масштабируемого кода и карьерного роста

Похожие вопросы