javascript - ES6 中的解构

Question

在 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 的属性，我会没事的。我只是不确定将一个对象有效映射到另一个对象的优雅方式

Answer 1

因为您要将所有 searchParam 的属性添加到 this，所以您可以使用 Object.assign ，它基本上将一个对象的属性复制到另一个对象。

在您的代码中，它看起来像这样:

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