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"]
相关文章
|
5月前
|
JavaScript
ES6新特性(基础常用)
文章介绍了ES6的常用新特性,包括let和const命令、对象解构赋值、模板字符串、Map和Set对象。通过示例代码详细解释了它们的用法和与传统ES5语法的区别,以及如何利用这些特性编写更简洁和高效的代码。
ES6新特性(基础常用)
|
2月前
|
存储 JavaScript 前端开发
es6 扩展运算符
【8月更文挑战第20天】
11 0
|
3月前
ES6 扩展运算符 ...【详解】(含使用场景、实战技巧和范例、实现原理、错误用法)
ES6 扩展运算符 ...【详解】(含使用场景、实战技巧和范例、实现原理、错误用法)
38 5
|
5月前
|
JavaScript 前端开发
扩展运算符详细使用方法
扩展运算符详细使用方法
35 2
|
10月前
|
网络架构
ES6学习(六)—函数的扩展
ES6学习(六)—函数的扩展
|
网络架构
es6扩展运算符的学习使用
es6扩展运算符的学习使用
43 0
ES6 从入门到精通 # 08:扩展的对象的功能
ES6 从入门到精通 # 08:扩展的对象的功能
71 0
ES6 从入门到精通 # 08:扩展的对象的功能
|
前端开发 JavaScript
【ES6丨前端进阶基础 】ES6的关键字,新特性以及解构赋值
【ES6丨前端进阶基础 】ES6的关键字,新特性以及解构赋值
134 0
【ES6丨前端进阶基础 】ES6的关键字,新特性以及解构赋值
|
前端开发 网络架构
ES6 新特性 扩展运算符(...)详解
ES6 新特性 扩展运算符(...)详解
197 0