扩展运算符与rest参数

扩展运算符与rest参数

技术杂谈小彩虹2021-08-27 7:07:51150A+A-

今天小编来介绍一个平时接触较少的,但是却给平时编码带来很多方便的ES6语法——三个点。这三个点主要是针对数组的格式转换。当然,大家也可以关注我的微信公众号,蜗牛全栈。

一、扩展运算符:把数组或者类数组展开成逗号隔开的值

实例1:

function foo(a,b,c){
    console.log(a,b,c)
}
let arr = [1,2,3]
foo(...arr) // 1 2 3
console.log(...arr) // 1 2 3

实例2:连接两个数组

let arr1 = [1,2,3]
let arr2 = [4,5,6]
// es5
Array.prototype.push.apply(arr1,arr2) // [1,2,3,4,5,6]
// es6
arr1.push(...arr2)
console.log(arr1) // [1,2,3,4,5,6]

实例3:字符串

let str = "hello"
let arr = [...str]
console.log(arr) // ["h","e","l","l","o"]

二、rest参数:将逗号隔开的值转换为数组

实例1:函数参数

function foo(...args){
    let sum = 0
    args.forEach(function(item){
        sum += item
    })
    return sum
}
console.log(foo(1,2)) // 3
console.log(foo(1,2,3)) // 6
function foo(x,...args){
    console.log(x)
    console.log(args)
}
foo(1,2,3,4) // 1 [2,3,4]

实例2:与解构赋值结合

let [x,...y] = [1,2,3]
console.log(x) // 1
console.log(y) // [2,3]

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1
本网站由 提供CDN/云存储服务

联系我们