扩展运算符

简介: 扩展运算符

扩展运算符(Spread Operator)是ES6中新增的运算符,使用“...”语法,可以将一个数组或对象进行展开操作,可以将它们拆分成独立的元素。它可以用于数组、对象、函数参数等多种情形。

例如,使用扩展运算符可以将一个数组拆分成独立的元素:

const arr = [1, 2, 3];
console.log(...arr); // 1 2 3

还可以使用扩展运算符合并数组:

const arr1 = [1, 2];
const arr2 = [3, 4];
console.log([...arr1, ...arr2]); // [1, 2, 3, 4]

扩展运算符在函数参数中的使用也很常见,可以将一个数组展开成函数的参数:

function sum(a, b, c) {
  return a + b + c;
}
const arr = [1, 2, 3];
console.log(sum(...arr)); // 6

除此之外,扩展运算符还可以用于对象展开:

const obj1 = { x: 1, y: 2 };
const obj2 = { z: 3 };
console.log({ ...obj1, ...obj2 }); // { x: 1, y: 2, z: 3 }
相关文章
|
8月前
|
JavaScript
|
2月前
|
数据处理 Swift
Swift 中的运算符和表达式是构建程序逻辑的基础,包括算术、关系、逻辑、位运算符及赋值运算符,用于数值计算、条件判断、位操作、赋值与更新等
Swift 中的运算符和表达式是构建程序逻辑的基础,包括算术、关系、逻辑、位运算符及赋值运算符,用于数值计算、条件判断、位操作、赋值与更新等。掌握这些工具是编写高效代码的关键。
46 1
|
4月前
|
C++
【C++基础】运算符详解
这篇文章详细解释了C++中运算符的用法,包括算术运算符、赋值运算符、比较运算符和逻辑运算符,以及它们在表达式中的作用和示例。
60 2
|
5月前
|
存储 JavaScript 前端开发
es6 扩展运算符
【8月更文挑战第20天】
40 0
|
8月前
|
JavaScript 前端开发
扩展运算符详细使用方法
扩展运算符详细使用方法
59 2
|
8月前
什么是扩展运算符?使用场景
什么是扩展运算符?使用场景
112 0
|
8月前
什么是扩展运算符?有什么使用场景?
什么是扩展运算符?有什么使用场景?
|
网络架构
es6扩展运算符的学习使用
es6扩展运算符的学习使用
57 0
|
前端开发
形成新数组的方式扩展运算符
形成新数组的方式扩展运算符
48 0