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

Posted

tags:

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

参考技术A

es6中引入扩展运算符(...),它用于把一个数组转化为用逗号分隔的参数序列,它常用在不定参数个数时的函数调用,数组合并等情形。因为typeScript是es6的超集,所以 typeScript也支持扩展运算符

求最大值Math.max()

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

新建Date类型

end 2017-02-17 14:46:14
博客原文地址

ES6新特性:扩展运算符 三个点(...)基础学习

说明

扩展运算符(spread)是三个点(…), 将一个数组转为用逗号分隔的参数序列 。

简单用法

//基础用法
console.log(...[1, 2, 3]); //输出 :1 2 3
console.log(1, ...[2, 3, 4], 5); //输出 :1 2 3 4 5

//进阶用法1(函数传参)
let print = (x, y) => 
	return x + y
;
let number = [1, 2];
console.log(print(...number)); //输出: 3

//进阶用法2(数组合并)
let arr = [...[1, 2, 3], ...[4, 5, 6]];
console.log(arr); //输出[1,2,3,4,5,6]

//进阶用法3(与解构表达式结合)
const [first, ...rest] = [1, 2, 3, 4];
console.log(first, rest); //输出: 1 [2,3,4]

//进阶用法4(将字符串转成数组)
console.log([..."hello"]) //输出: ["h","e","l","l","o"]

以上是关于ES6 扩展运算符 三个点(...)的主要内容,如果未能解决你的问题,请参考以下文章

ES6 扩展运算符

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

ES6新特性:扩展运算符 三个点(...)基础学习

Vue的三个点es6知识,扩展运算符

javascript ES6 新特性之 扩展运算符 三个点 ...

es6 扩展运算符 三个点(...) 在android6下是不行的