ES6增加了扩展运算符: ... 三个点是ES几的

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

1、将一个数组转为用逗号分隔的参数序列（把数组中元素展开）。

如下：

let arr=[12,23,34];

function testf(){

var arr2 = [...arr,56]; //表示把 arr的内容，转为用逗号分隔的

var arr3 = arr.concat(56);

console.log(arr2);//12,23,34,56

console.log(arr3); //12,23,34,56

}

2、将一个对象的键值对展开。

let obj1 = {

name:"郝刚",

age:12

}

let obj2 = {

...obj1,

sex:"男“

}

那么，obj2的内容就是

{

name:"郝刚",

age:12,

sex:"男“

}

3、三个点的这种运算符，经常会用在函数的参数上，相当于可变参数。

function testf(){

f(12,23,34,45);

}

function f(...arr){

console.log(arr);// [12, 23, 34, 45]

}

ES6增加了扩展运算符: ... 三个点是ES几的相关推荐

Vue的三个点es6知识，扩展运算符表达含义
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
javascript ES6 新特性之扩展运算符三个点 ...
对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() ...
ES6——扩展运算符/三点运算符（...）
扩展运算符(spread)是三个点(...). 数组的扩展运算符对于数组来说,它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) ...
JS之ES6扩展运算符三个点（...）用于剥离{} 获取属性值
1.用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 等价于 ...
es6 对象的扩展运算符
对象的扩展运算符 <数组的扩展>一章中,已经介绍过扩展运算符(...). const [a, ...b] = [1, 2, 3]; a // 1 b // [2, 3] ES2017 将这 ...
ES6高级：扩展运算符，箭头函数，class类，iterator迭代器
2. 扩展运算符 ... 2.1 reset参数 reset参数==必须放在最后==,为了替代arguments,在函数形参中使用,==接受剩余参数==,以==数组==的形式去接受 //1. rese ...
ES6中的扩展运算符
扩展运算符(...)将一个数组转化为参数序列,通常与函数一起使用,show(...['judy','girl']). 数组合并:[...arr1,...arr2,...arr3] 字符串转字符数组:[ ...
ES6对象的扩展运算符
1.对象的扩展运算符(-)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中 let z = {a:3,b:4}; let n = {...z}; console.log(n);//{a:3,b:4 ...
ES6 扩展运算符三个点（...）
参考文档点击打开链接 1. 用于函数调用 2. 数组拼接,代替concat方法 3. 计算最大值 4. 结合结构赋值使用 (只能放在最后一位,否则会报错) 5. 函数只能返回一个值,可用... 变通 ...

ES6增加了扩展运算符: ... 三个点是ES几的

ES6增加了扩展运算符: ... 三个点是ES几的相关推荐

最新文章

热门文章