Разрушение в ES6

Question

Разрушение в ES6

1

Есть ли лучший способ достичь этого, используя деструктурирование в es6?

  searchCreated(searchParams) {
    this.regionId = searchParams.region;
    this.maxPrice = searchParams.maxPrice;
    this.minPrice = searchParams.minPrice;
    this.selectedLocalities = searchParams.selectedLocalities;
    this.propertyTypeId = searchParams.propertyTypeId;
    this.minBeds = searchParams.minBeds;
    this.maxBeds = searchParams.maxBeds;
    this.minSize = searchParams.minSize;
    this.maxSize = searchParams.maxSize;
    this.keyword = searchParams.keyword;
    this.ber = searchParams.ber;
}

Если бы все эти ценности были сами по себе, а не свойства this я был бы в порядке. Я просто не уверен в элегантном способе эффективного сопоставления одного объекта с другим

abyrne85 27 нояб. 2017, в 18:31

Источник

Теги:

javascript

ecmascript-6

destructuring

2 ответа

1

Вы можете использовать объект rest для сбора всех реквизитов, кроме тех, которые требуют переименования. Вы можете назначать новые имена при деструкции. Затем используйте Object # assign, чтобы объединить все в this.

Примечание: объект rest/spread по-прежнему является предложением, и для его работы требуется преобразование Babel.

searchCreated({ region: regionId, ...otherProps }) {
    return Object.assign(this, otherProps, { regionId });
}

Ori Drori 27 нояб. 2017, в 17:01

Ещё вопросы

Christian Santos · Accepted Answer · 2017-11-27T15-15-00.000Z

3

Лучший ответ

Потому что вы добавляете все searchParam свойств для this, вы можете использовать Object.assign, которые в основном копирует свойство объекта к другому объекту.

В вашем коде это будет выглядеть так:

searchCreated(searchParams) {
    Object.assign(this, searchParams, { // additional object for custom params
        region: searchParams.regionId,
        customParamName: searchParams.customParam
    }); 
}

Christian Santos 27 нояб. 2017, в 15:15

0

Есть крайние случаи , когда имя свойства не всегда совпадают: this.regionId = searchParams.region;
Kunukn 27 нояб. 2017, в 17:34
0

@Kunukn, если это так, я бы порекомендовал синхронизировать подпись вашего интерфейса / модели или использовать геттеры для одноразового использования.
Phix 27 нояб. 2017, в 17:35
2

Мы все еще можем использовать Object.assign , передавая дополнительный объект с явно заданными краевыми случаями. Смотрите обновленный ответ.
Christian Santos 27 нояб. 2017, в 17:38
0

Да, это была проблема. Однако сейчас у меня есть еще одна проблема. Если в объекте searchParams не указано свойство, мне нужно, чтобы оно по-прежнему присваивалось этому, но было равно нулю. Так, например, при одном поиске maxPrice может быть установлено в searchParams, но затем при втором поиске, если maxPrice не указан, мне нужно, чтобы он был нулевым для объекта this, а не для предыдущего значения
abyrne85 27 нояб. 2017, в 17:40
0

Ах, если вам нужно преобразовать undefined значения в null , нельзя избежать перечисления всех параметров, которые вы хотите скопировать в this . В идеале searchParams должен быть готов с null значениями. Но для того, чтобы это произошло, вам нужно написать промежуточную функцию и, следовательно, все равно нужно перечислить все свойства и отобразить undefined свойства в null где-то в вашем коде.
Christian Santos 27 нояб. 2017, в 17:57
0

ты много копируешь. Может быть, что-то подобное, чтобы это исправить. Object.assign(this, searchParams, { regionId: searchParams.region, region: undefined /*cleanup to much copy*/ });
Kunukn 27 нояб. 2017, в 20:17
0

Или удалите их снова, как это. Не уверен, что самое элегантное. Object.assign(this, searchParams, { regionId: searchParams.region }); delete this.region;
Kunukn 27 нояб. 2017, в 20:30

Показать ещё 5 комментариев