js有趣的解构表达式和展开运算符

1、…展开运算符用于:
(1)将一个数组展开,比如
fx(x,y,z)
arr = [1,2,3]
可以直接这样调用fx(…arr),直接使用解构表达式展开来传递参数很方便

(2)数组合并
如:arr = [1,2,3]
arr2 = [1,2,3,…arr] // arr2 = [1,2,3,1,2,3]

2、解构表达式可以方便对数组或者复杂对象里的元素进行操作
let o = {name:“name”,age:11,sex:“男”}
let {name,age,sex} = user
console.log(name) //name
还可以结合展开运算符,如:
let {name,…rest} = o
console.log(…rest) //{age:11,sex:“男”}

假如fx(x,y,z) 则可以这样调用fx({name,…rest}),
还可以这样调用fx({…user}),注意展开对象要加{}

你可能感兴趣的:(js,javascript,jquery)