4.13 Rest参数 与 Spread 语法

本文介绍了JavaScript中的Rest参数和Spread语法,展示了它们在函数参数传递、数组操作以及对象克隆等方面的应用。Rest参数允许函数接受不确定数量的参数,而Spread语法则用于扩展数组和对象,例如在数组求和、合并及拷贝等场景中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Rest参数 与Spread 语法

 -Rest 参数就是让函数显示支持任意数量的参数

 -Spread语法

function sum(a,b){
    console.log(arguments.length);//7
    return a+b;
 }

 let func =()=>{
    console.log(arguments)//undefined
 }
 console.log(func(1,2,3,4,5))
 function sum(...args){
    console.log(args);//(7) [1, 2, 3, 4, 5, 6, 7] 后面的会覆盖前面的
    let sum =0;
    for(const arg of args){
        sum+=arg
    }
    return sum;  //28
 }
 console.log(sum(1,2,3,4,5,6,7));//3


 //let arr=[1,2,3,4,5,6,7];
 //let sum1=arr.reduce((sum,item)=>{
   // return sum+item
 //},0)
 //console.log(sum1)
 
 function sum1(...args){
    let sum=args.reduce((sum2,item)=>{
        return sum2+item
    },0)
    return sum
 }
 console.log(sum1(1,2,3,4,5,6,7,89))

 /*function showName(firstName,lastName,...titles){
       console.log(firstName,lastName,titles);
 }
 showName("xuda","mixia",1,2,3,4,5,6,[212121]);//xuda mixia(7) [1, 2, 3, 4, 5, 6, Array(1)]
 //二维数组*/

 function showName(firstName,lastName,...titles){
    console.log(firstName,lastName,titles[1]);
}
showName("xuda","mixia",...["11","22","33"]);//(7) [1, 2, 3, 4, 5, 6, Array(1)]
//二维数组

let arr=[1,2,3,4,5,6]
let arr2=[7,8,9]
//max(1,2,3,4,5,6,7,8,9)
console.log(Math.max(...arr,...arr2))//9

//合并数组
let arr3=[0,...arr,20,...arr2,10]

//拷贝数组
let tmp=[...arr]
console.log(tmp)//(6) [1, 2, 3, 4, 5, 6]

let obj = {a:1,b:2,c:3};
let clone ={...obj};
console.log(obj===clone)//false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值