Работа с массивами объектов — распространенная задача в программировании, и часто нам приходится добавлять пары ключ-значение ко всем объектам в массиве. В этой статье блога мы рассмотрим несколько эффективных методов выполнения этой задачи с помощью JavaScript. Для лучшего понимания каждый метод будет сопровождаться примером кода.
Метод 1: использование цикла for
Один из простых подходов — перебрать массив с помощью цикла for и добавить нужную пару ключ-значение к каждому объекту индивидуально.
const array = [{ name: 'John' }, { name: 'Jane' }, { name: 'Mike' }];
const key = 'age';
const value = 25;
for (let i = 0; i < array.length; i++) {
array[i][key] = value;
}
console.log(array);
Метод 2: использование forEach
Метод forEachпозволяет нам перебирать каждый объект в массиве и соответствующим образом изменять его.
const array = [{ name: 'John' }, { name: 'Jane' }, { name: 'Mike' }];
const key = 'age';
const value = 25;
array.forEach(obj => {
obj[key] = value;
});
console.log(array);
Метод 3: использование карты
Метод mapсоздает новый массив, применяя предоставленную функцию к каждому объекту в исходном массиве.
const array = [{ name: 'John' }, { name: 'Jane' }, { name: 'Mike' }];
const key = 'age';
const value = 25;
const newArray = array.map(obj => ({
...obj,
[key]: value
}));
console.log(newArray);
Метод 4. Использование оператора расширения и карты.
Этот метод аналогичен предыдущему, но для краткости синтаксиса используется оператор расширения.
const array = [{ name: 'John' }, { name: 'Jane' }, { name: 'Mike' }];
const key = 'age';
const value = 25;
const newArray = array.map(obj => ({
...obj,
[key]: value
}));
console.log(newArray);
В этой статье мы рассмотрели несколько эффективных методов добавления пар ключ-значение ко всем объектам в массиве с помощью JavaScript. Обсуждаемые методы включают использование цикла for, forEach, карты и оператора расширения. В зависимости от вашего конкретного варианта использования вы можете выбрать метод, который лучше всего подходит вам с точки зрения читабельности и производительности.
Используя эти методы, вы можете легко изменять массивы объектов, добавляя пары «ключ-значение», повышая гибкость и функциональность вашего кода.