Клонировать массив с оператором распространения и добавить встроенный

Question

Клонировать массив с оператором распространения и добавить встроенный

1

С помощью объекта я могу клонировать и добавлять:

   let newObject = {
      ...obj,
      [key]: { 
         ...obj[key],
         thing: true }
   }

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

Теперь я хочу сделать то же самое для массива:

   let newArray = [
     ...arr,
     [key]: { 
         ...arr[key],
         thing: true }
   ]

Что может сделать то же, что и выше.

Но это не работает.

Должен ли {key}:thing работать? Я помню, как читал это где-то, может быть, его ES7?

Я мог бы сделать:

   let newArray = arr.map((item, key) => key === index ? { ...item, thing: true } : item);

Но я надеялся на более чистый синтаксис. Я не соглашусь, если нет подобного синтаксиса.

TrySpace 12 июнь 2017, в 19:49

Источник

Теги:

javascript

ecmascript-next

2 ответа

Ещё вопросы

Michał Perłakowski · Answer 1 · 2017-06-12T15-27-00.000Z

Вы можете использовать Object.assign():

const arr = [{ a: 1 }, { b: 1 }, { c: 1 }];
const index = 1;

const newArr = Object.assign([], arr, { [index]: { ...arr[index], thing: true } });
console.log(newArr);

@TrySpace Смотрите мой обновленный ответ.

Adam · Answer 2 · 2017-06-12T15-02-00.000Z

Массивы не имеют ключей, поэтому синтаксис, который вы используете, не работает. Это массив объектов? Если так...

EDIT - основываясь на вашем комментарии, попробуйте следующее:

// if you know the index of the object you'd like to modify
let newArray = [
     ...arr
]
newArray[idx][key] = thing

// if you don't know the index
let newArray = [
     ...arr
]
newArray.map((el) => {
    if (/* YOUR LOGIC HERE TO DETERMINE IF THIS IS THE OBJECT TO MODIFY! */) {
        return el[key] = thing
    } else {
        return el
    }
})

// if you want it done in one function...
let newArray = []
arr.map((el) => {
    if (el[key]) {
        newArray.push(Object.assign({}, { [key]: thing }))
        return el
    } else {
        newArray.push(Object.assign({}, el))
        return el
    }
})

Мне нужно получить доступ к индексу конкретного объекта в массиве и обновлять его только после того, как он был вставлен в новый массив.
@TrySpace, посмотрите, отвечает ли мой запрос вашим потребностям
Я уверен, что OP знает, что это можно сделать таким образом, но я думаю, что они ищут однострочное (то есть одно выражение) решение.
@ TrySpace, я не думаю, что это можно сделать в одной, краткой функции. Вам нужно сделать слишком много вещей: 1) скопировать массив; 2) проверьте каждый элемент массива, чтобы увидеть, соответствует ли он какому-либо объекту; 3) изменить желаемый элемент. Лучшее, что я могу придумать, - это третий пример, который я привел в своем коде выше.