es6学习笔记(三)数组的扩展

一、扩展运算符

[2,3,4,5]

console.log(1,...[2,3,4,5],5)

打印出来的结果是1,2,3,4,5,5

二、替换数组的apply方法

//Es5

function f(x,y,z){

...

}

var args = [1,2,3]  //数组不能作为参数

f.apply(null,args); //apply将数组转为函数



//ES6

function f(x,y,z) {

  ...


}

var args = [1,2,3]

f(...args)

三、求最大值

//ES5写法

Math.math.apply(null,[4,5,6])


//ES6写法

Math.max(...[4,5,6])  等同于   Math.max(4,5,6)




//通过push函数将一个函数添加到另一个数组的尾部

var arr1  = [6,7,8]

var arr2 = [1,2,3]

//ES5的写法

Array.prototypr.push.apply(arr1,arr2)

//ES6写法

arr1.push(...arr2)

四、扩展运算符的应用

1、合并数组

//ES5的方法

[1,2].concat(more)

//es6的方法

[1,2,...more]

2、与解构赋值结合

const [first,...rest] = [1,2,3,4,5,6]


first //1


rest //2,3,4,5,6

猜你喜欢

转载自blog.csdn.net/caimaomaocai/article/details/83175777
今日推荐