Question

我目前正在学习Angular，并且发现了对我来说有点神秘的代码示例。

我有一个函数返回Observable<Product[]>对象数组：

  connect(): Observable<Product[]> {

    const dataMutations = [
      this.productsSubject,
      this.paginator.page,
      this.sort.sortChange
    ];

    return merge(...dataMutations).pipe(map((products) => {
      this.paginator.length = products.length;
      return this.getPagedData(this.getSortedData([...products]));
    }));
  }

在此代码块中，有一个功能getSortedData，其功能为[...products]，...的用途是什么？

getSortedData的代码示例：

private getSortedData(data: Product[]) {
    if (!this.sort.active || this.sort.direction === '') {
      return data;
    }

    return data.sort((a, b) => {
      const isAsc = this.sort.direction === 'asc';
      switch (this.sort.active) {
        case 'title': return compare(a.title, b.title, isAsc);
        default: return 0;
      }
    });
  }

Answer 1

它是<bean id="customRestTemplate" class="org.springframework.web.client.RestTemplate"> <property name="messageConverters"> <list> <bean class="org.springframework.http.converter.StringHttpMessageConverter"> <property name="writeAcceptCharset" value="false" /> </bean> </list> </property> </bean>

更多信息：https://code4developers.com/spread-syntax-in-javascript/

Answer 2

来自MDN web docs Spread Syntax：

Spread语法允许迭代，例如数组表达式或字符串扩展到零个或多个参数的地方（对于函数调用）或元素（用于数组文字）或对象将表达式扩展到零个或多个键值对的地方（用于对象文字）。

来自MDN web docs Rest parameters：

rest参数语法允许我们表示一个不确定的数字参数作为数组。

Answer 3

它代表es6 spread operator。就您而言，它允许您传递products数组的浅副本。

对象数组之前的...的目的是什么

3 个答案: