...三个点es6用法

Posted 墨晓溪2288

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了...三个点es6用法相关的知识,希望对你有一定的参考价值。

用法:...将数组序列化,成为逗号隔开的序列。

1.获取数组最大的值。

常规:Math.max(1,2,3)

写法:Math.max(...[1,2,3])等同于上面的例子

...[1,2,3] , 可以分别获取到1,2,3

 

2.调用方法

function sum(a,b)

  console.log(a+b)//5

sum(...[2,3])

3.连接数组

var arr1 = [0, 1, 2]; 

var arr2 = [3, 4, 5];  

arr1.push(...arr2);  

 

4.连接数组

var arr1 = [\'a\', \'b\']; 

var arr2 = [\'c\']; 

var arr3 = [\'d\', \'e\'];

[...arr1, ...arr2, ...arr3] 

 

5.字符串转为真正的数组

[...\'hello\']  // [ "h", "e", "l", "l", "o" ]  

6.将类数组转为真正的数组,去重

[...new Set([1,2,3,3])] //new Set返回一个类数组,...把类数组转化为真正的数组

7.扩展运算法

let map = new Map([  

      [1, \'one\'],  

       [2, \'two\'],  

       [3, \'three\'],  

]);  

let arr = [...map.keys()]; // [1, 2, 3]  

 

在写vue项目的时候由于你不知道params有几个,可以直接  params:param.data 或者params:  ...param.data

return axios(
  method: param.type,
  url: value.prefix + param.url + value.postfix,
       params:
      ...param.data
       
)

以上是关于...三个点es6用法的主要内容,如果未能解决你的问题,请参考以下文章

es6三点运算符的用法

es6函数的参数展开

es6中的...三个点

es6 扩展运算符 三个点(...)

每天学习一点新技术,认真对待生活(es6中let的用法)

ES6扩展运算符(三点运算符)“...”用法和对象拷贝