JavaScript Object Часть 3 - Массив объектов

JavaScript Object Часть 3 - Массив объектов

1. Массив объектов

Ниже приведен пример того, как манипулировать массивом объектов. Вам нужно будет использовать 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' }
// ]