Ниже приведен пример того, как манипулировать массивом объектов. Вам нужно будет использовать 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.03.2023 14:01
Веб-скрейпинг, как мы все знаем, это дисциплина, которая развивается с течением времени. Появляются все более сложные средства борьбы с ботами, а также новые инструменты веб-скраппинга с открытым исходным кодом для их обхода.
20.03.2023 12:24
Чтобы запустить этот код и рассчитать CGPA, необходимо сохранить код как HTML-файл, а затем открыть его в веб-браузере. Для этого выполните следующие действия:
20.03.2023 11:15
О тренинге HTML JavaScript :HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) - две основные технологии для создания веб-страниц. HTML обеспечивает структуру страницы CSS (визуальное и звуковое) оформление для различных устройств. Наряду с графикой и сценариями HTML и CSS являются...
20.03.2023 08:46
Вам когда-нибудь требовалось собрать/развернуть только часть вашего приложения Angular или, возможно, скрыть некоторые маршруты в определенных средах?
19.03.2023 13:43
Установщик веб-платформы, предлагаемый компанией Microsoft, перестанет работать 31 декабря 2022 года. Его закрытие привело к тому, что мы не можем запускать наши php-файлы через localhost на наших компьютерах. Мне с трудом удалось установить его и я решил поделиться этой статьей, чтобы помочь тем,...
19.03.2023 13:03
При использовании компонентов React в сочетании с Context вы можете оптимизировать рендеринг, обернув ваш компонент React в React.memo сразу после поставщика контекста. Это позволит избежать ненужных повторных рендеров.