Как добавить новый ключ в каждый объект массива?

Question

ThunderNova

vue

Как добавить новый ключ в каждый объект массива?

Как добавить новый ключ со значением false в каждый объект массива? Я использую данные из VK API, и мне нужно добавить этот ключ в полученный массив, чтобы инициализировать модальное окно для каждого пользователя.

Пример:
items: [
{ 1:a 2:b 3:c } 
{ 1:a 2:b 3:c } 
{ 1:a 2:b 3:c } 
{ 1:a 2:b 3:c } 
]

Должно выглядеть так (alert - новый ключ, который нужно добавить):

items: [
{ 1:a 2:b 3:c alert: false } 
{ 1:a 2:b 3:c alert: false } 
{ 1:a 2:b 3:c alert: false } 
{ 1:a 2:b 3:c alert: false } 
]

22 октября 2023 г. 8:37

Ответы на вопрос 2

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

Answer 1

Вы можете использовать метод `map()` для обхода каждого объекта в массиве и добавления нового ключа:

```javascript
const array = [
  { 1: 'a', 2: 'b', 3: 'c' },
  { 1: 'a', 2: 'b', 3: 'c' },
  { 1: 'a', 2: 'b', 3: 'c' },
  { 1: 'a', 2: 'b', 3: 'c' }
];

const newArray = array.map(item => ({ ...item, alert: false }));

console.log(newArray);
```

Этот код создаст новый массив `newArray` с добавленным ключом `alert` со значением `false` для каждого объекта.

Результат:

```
[
  { 1: 'a', 2: 'b', 3: 'c', alert: false },
  { 1: 'a', 2: 'b', 3: 'c', alert: false },
  { 1: 'a', 2: 'b', 3: 'c', alert: false },
  { 1: 'a', 2: 'b', 3: 'c', alert: false }
]
```

Answer 2

const result = {
  items: [
    { 1:'a', 2:'b', 3:'c', alert: false } ,
  ]
}

const transform = Object.entries(result).reduce((acc, curr) => {
  acc.push({
    ...curr,
    alert: false
  });
  return acc;
}, []);