Ниже приведен пример того, как манипулировать массивом объектов. Вам нужно будет использовать forEach для обхода массива, чтобы манипулировать значением объекта.
const arrObj1 = [ { name: "John", age: 10 }, { name: "Bob", age: 20 }, { name: "Ali", age: 30 }, ]; arrObj1.forEach((x) => (x.occupation="Programmer")); //add property console.info(arrObj1); // [ // { name: 'John', age: 10, occupation: 'Programmer' }, // { name: 'Bob', age: 20, occupation: 'Programmer' }, // { name: 'Ali', age: 30, occupation: 'Programmer' } // ] arrObj1.forEach((x) => (x.occupation="DBA")); //edit property console.info(arrObj1); // [ // { name: "John", age: 10, occupation: "DBA" }, // { name: "Bob", age: 20, occupation: "DBA" }, // { name: "Ali", age: 30, occupation: "DBA" }, // ]; arrObj1.forEach((x) => delete x.age); //delete property age console.info(arrObj1); // [ // { name: 'John', occupation: 'DBA' }, // { name: 'Bob', occupation: 'DBA' }, // { name: 'Ali', occupation: 'DBA' } // ]
Другая задача - найти объект в массиве объектов с именем "Bob", затем изменить его свойство "occupation" на другое значение "Admin". Смотрите пример ниже.
const arrObj2 = [ { name: "John", age: 10, occupation: "DBA" }, { name: "Bob", age: 20, occupation: "DBA" }, { name: "Ali", age: 30, occupation: "DBA" }, ]; const obj = arrObj2.find((x) => x.name === "Bob"); console.info(obj); //{ name: 'Bob', age: 20, occupation: 'DBA' } let index = arrObj2.indexOf(obj); console.info(index); //1 arrObj2.fill((obj.occupation="Admin"), index, index++); console.info(arrObj2); // [ // { name: 'John', age: 10, occupation: 'DBA' }, // { name: 'Bob', age: 20, occupation: 'Admin' }, // { name: 'Ali', age: 30, occupation: 'DBA' } // ]
20.08.2023 18:21
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".
20.08.2023 17:46
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
19.08.2023 18:39
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.
19.08.2023 17:22
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!
18.08.2023 20:33
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.
14.08.2023 14:49
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.