【ES6】数组的扩展——扩展运算符

1、扩展运算符【三个点(...)将一个数组转为用逗号分隔的参数序列】

作用:用于函数调用

function add(x, y) {
  return x + y;
}
const numbers = [2, 6];
add(...numbers) // 8
8

2、...作用【求最大值/拼接数组/复制数组(a2复制a1,改a2不改变a1)/合并数组/将字符串转化为真正的数组

  • 求最大值
  • 拼接数组
  • 复制数组(a2复制a1,改a2不改变a1)
  • 合并数组
  • 将字符串转化为真正的数组

(1)最大值 Math.max()

Math.max(...[14, 3, 77])
77

(2)拼接数组,通过push将一个数组添加到另一个数组的尾部

var arr1 = [1,2,3]
var arr2 = [4,5,6]
arr1.push(...arr2);
arr1// [1, 2, 3, 4, 5, 6]

(3)复制数组

var arr1 = [1,2,3]
var arr2 = [...arr1]
console.log(arr1)  // [1, 2, 3]
console.log(arr2)  // [1, 2, 3]

arr2[0]=0
console.log(arr1)  // [1, 2, 3]
console.log(arr2)  //[0, 2, 3]

(4)合并数组(多个)【浅拷贝】

const arr1 = ['1', '2'];
const arr2 = ['3'];
const arr3 = ['4', '5'];
var arr4=[...arr1, ...arr2, ...arr3]
console.log(arr4)// ["1", "2", "3", "4", "5"]

注意:将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错。

const [first, ...rest] = [1, 2, 3, 4, 5];//ok
const [...butLast, last] = [1, 2, 3, 4, 5];// 报错 const [first, ...middle, last] = [1, 2, 3, 4, 5];// 报错

(5)字符串(将字符串转为真正的数组)

var name = 'mike'
console.log([...name])
// ["m", "i", "k", "e"]

  

转载于:https://www.cnblogs.com/chorkiu/p/10444006.html

你可能感兴趣的:(【ES6】数组的扩展——扩展运算符)