美文网首页
ES6-rest参数和扩展运算符

ES6-rest参数和扩展运算符

作者: 终极菜鸟_424b | 来源:发表于2019-04-18 18:47 被阅读0次

rest参数和一个变量名搭配使用,生成一个数组,用于获取函数多余的参数,demo:

function input(...params){

    console.log(params)

}

input(1,2,3,4)  //[1,2,3,4]

function input2(a,b,...params){

    console.log(params)

}

input2(1,2,3,4)  //[3,4]

rest参数作用: 将多余的逗号分隔的参数序列转换为数组参数

注意: rest参数必须是最后一个参数,否则报错

扩展运算符

扩展运算符可以理解为rest参数的逆运算,将数组转换为逗号分隔的参数序列,应用如下

arr1 = [1,2,3]

arr2 = [4,5,6]

arr3 = [7,8,9]

arr4 = [...arr1, ...arr2, ...arr3] //[1,2,3,4,5,6,7,8,9]  用于数组合并

list = [a,b,c,d,e]

let [a,b, ...c] = list

a //a

b //b

c //[c,d,e]

// 用于解耦,感觉这有点像是rest参数的应用,应为结果是数组

相关文章

  • ES6-rest参数和扩展运算符

    rest参数和一个变量名搭配使用,生成一个数组,用于获取函数多余的参数,demo: function input(...

  • ES6-Rest参数和扩展运算符

    翻看ES6代码,很多时候都会看到三个点(...)的存在,它在ES6语法中,有两种应用形式,分别为函数中的rest参...

  • 12.扩展运算符

    扩展运算符 扩展运算符是一个与剩余参数作用相反的过程,剩余参数是把很多参数整合成一个数组,扩展运算符是把一个可遍历...

  • 内置对象扩展(Array)

    Array 的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可...

  • ES6学习笔记(五):轻松了解ES6的内置扩展对象

    Array的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转换为用逗号分隔的参数序列 扩展运算符可...

  • ES6 的内置对象扩展

    Array 的扩展方法(★★) 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展...

  • ES6语法——数组Array扩展

    一、 扩展运算符 扩展运算符(spread)是三个点(...)。它好比 rest 参数(将多余的参数转换成数组)的...

  • 阮一峰ES6教程读书笔记(四)数组的扩展

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

  • 解构赋值,函数扩展默认值

    扩展运算符 对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。 对象的扩展运算符等同...

  • 温故知新之ES6(二)

    目录 1. 数组的扩展 1 扩展运算符 扩展运算符(spread)是三个点( ... )。它好比 rest 参数的...

网友评论

      本文标题:ES6-rest参数和扩展运算符

      本文链接:https://www.haomeiwen.com/subject/votxgqtx.html