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

简介: 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"]
相关文章
|
6月前
|
JavaScript
|
8天前
|
前端开发 JavaScript
列举一下 ES6 中常用的新特性
这些ES6的常用新特性在现代JavaScript开发中被广泛应用,极大地提升了开发效率和代码质量。
ES6新特性(基础常用)
文章介绍了ES6的常用新特性,包括let和const命令、对象解构赋值、模板字符串、Map和Set对象。通过示例代码详细解释了它们的用法和与传统ES5语法的区别,以及如何利用这些特性编写更简洁和高效的代码。
ES6新特性(基础常用)
|
3月前
|
存储 JavaScript 前端开发
es6 扩展运算符
【8月更文挑战第20天】
20 0
|
11月前
|
网络架构
ES6学习(六)—函数的扩展
ES6学习(六)—函数的扩展
|
11月前
|
网络架构
ES6学习(五)—数组的扩展
ES6学习(五)—数组的扩展
|
11月前
ES6学习(三)—字符串的扩展
ES6学习(三)—字符串的扩展
|
网络架构
es6扩展运算符的学习使用
es6扩展运算符的学习使用
49 0
|
JavaScript 前端开发
5个高级ES6特性
5个高级ES6特性
|
前端开发 网络架构
ES6 新特性 扩展运算符(...)详解
ES6 新特性 扩展运算符(...)详解
207 0
下一篇
无影云桌面