扩展运算符

简介: 扩展运算符

扩展运算符(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 }
相关文章
|
5月前
|
JavaScript
|
14天前
|
JavaScript 前端开发 Java
运算符分为哪几类? 哪些运算符常用作判断?简述运算符的优先级?
运算符分为哪几类? 哪些运算符常用作判断?简述运算符的优先级?
|
2月前
什么是扩展运算符?使用场景
什么是扩展运算符?使用场景
15 0
|
3月前
什么是扩展运算符?有什么使用场景?
什么是扩展运算符?有什么使用场景?
|
9月前
...扩展运算符
...扩展运算符
24 0
|
9月前
|
网络架构
es6扩展运算符的学习使用
es6扩展运算符的学习使用
31 0
|
9月前
|
前端开发
形成新数组的方式扩展运算符
形成新数组的方式扩展运算符
27 0
|
12月前
|
存储 Java
基础二:操作符
基础二:操作符
66 0
|
人工智能 编译器 C#
【C#基础】C# 运算符总结
编程语言 C# 运算符的总结介绍。
90 0
|
JavaScript 网络架构
扩展运算符的学习与应用
扩展运算符是ES6新增的一种运算符,他可以帮助我们简化代码,简化操作,所以在开发中是非常常用的,下面我将从学习与应用两个方面来带掘友学习扩展运算符。
96 0