函数剩余参数及...操作符问题

 

 

ES6...运算符用法

1 含义

扩展运算符( spread )是三个点(…)。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

 

function aa(name,...bb){ //bb是一个数组
    console.log(bb);
}
aa(1,2,3,4,5,6);//[2,3,4,5,6]

 

 

x

5

 

 

 

 

 

1

function aa(name,...bb){ //bb是一个数组

2

    console.log(bb);

3

}

4

aa(1,2,3,4,5,6);//[2,3,4,5,6]

5

 

 

 

let arr = [1,4,9,55,244];
let [...cloneArray] = arr;  //cloneArray是一个数组，...操作符作用于数组
console.log(cloneArray);

 

 

3

3

 

 

 

 

 

1

let arr = [1,4,9,55,244];

2

let [...cloneArray] = arr;  //cloneArray是一个数组，...操作符作用于数组

3

console.log(cloneArray);

 

 

• ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
• 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

 

 

3

 

 

 

 

 

1

let [head, ...tail] = [1, 2, 3, 4];

2

head // 1

3

tail // [2, 3, 4]

 

 

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">