Как изменить значение объекта, находящегося внутри массива

FavoriteLoadingДобавить в избранное

JavaScript предоставляет несколько способов изменения значений объектов внутри массивов. Один из таких способов - использовать метод `map`. В этой статье мы рассмотрим, как изменить значение свойства объекта в массиве с использованием `map`.

Вот наш пример:

const state = [
{
userId: 1,
name: "JSSnippets",
isOwner: false,
},
{
userId: 2,
name: "React",
isOwner: false,
},
{
userId: 3,
name: "Vue",
isOwner: false,
},
{
userId: 4,
name: "Angular",
isOwner: false,
},
];

Метод `map` позволяет создать новый массив, в котором каждый элемент будет результатом вызова функции обратного вызова для каждого элемента исходного массива. В нашем случае мы будем использовать `map`, чтобы создать новый массив, в котором значение свойства `isOwner` будет изменено только для объекта с именем "JSSnippets".

const newState = state.map((obj) =>
obj.name === "JSSnippets" ? { ...obj, isOwner: true } : obj
);

В этом коде мы проходим по каждому объекту `obj` в массиве `state`. Если имя объекта равно "JSSnippets", мы создаем новый объект с теми же свойствами, за исключением `isOwner`, который мы устанавливаем в `true`. В противном случае, мы просто копируем объект без изменений.

После выполнения этого кода у нас будет новый массив `newState`, который содержит исходные объекты, но со значением `isOwner` установленным в `true` только для объекта с именем "JSSnippets". Исходный массив `state` при этом остается неизменным.

console.log(newState);

Результат:

[
{
userId: 1,
name: "JSSnippets",
isOwner: true,
},
{
userId: 2,
name: "React",
isOwner: false,
},
{
userId: 3,
name: "Vue",
isOwner: false,
},
{
userId: 4,
name: "Angular",
isOwner: false,
},
]

Этот метод позволяет вам безопасно изменять значения объектов внутри массива, сохраняя исходный массив неизменным.

Написать Администратору

Вы можете написать Администратору сайта.

отправить