js运用扩展操作符（…）简化代码,简化数组合并

最新推荐文章于 2025-03-28 19:54:45 发布

软件测试小菜鸟正在更新中

最新推荐文章于 2025-03-28 19:54:45 发布

阅读量344

点赞数

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_43258184/article/details/123043772

版权

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了JavaScript中的扩展运算符（...）如何用于简化数组的合并操作，通过实例展示了其在数组拼接中的高效性和简洁性，帮助开发者优化代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let arr1 = [20, 30];
 
//普通写法
let arr2 = arr1.concat([60, 80]); // [20, 30, 60, 80]
 
// 简写
let arr2 = [...arr1, 60, 80]; // [20, 30, 60, 80]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

软件测试小菜鸟正在更新中

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript 扩展运算符 “...“详解

klk20001113的博客

03-11

1518

es6中扩展运算符简介

JavaScript 扩展运算符

zsx0728的博客

05-03

1202

文章目录扩展运算符使用扩展运算符复制数组使用扩展运算符克隆数组带对象的扩展运算符剩余参数参考文档在本教程中，您将借助示例了解 JavaScript 扩展运算符。扩展运算符是JavaScript ES6版本中新增的可用功能。扩展运算符 扩展运算符…用于扩展可迭代类型或数组。例如， const arrValue = ['My', 'name', 'is', 'Jack']; console.log(arrValue); // ["My", "name", "is", "Jac

参与评论您还未登录，请先登录后发表或查看评论

JavaScript语言的扩展运算符

最新发布

2501_91310376的博客

03-28

442

扩展运算符是一个以三个连续的点（...）表示的语法。它可以将一个数组或者对象拆分成多个元素或属性，也可以将多个元素或属性合并到一个数组或对象中。扩展运算符在 ECMAScript 2015（ES6）中引入，成为了处理数据结构中的一种重要工具。扩展运算符作为 JavaScript 中一个强大的特性，极大地方便了数组和对象的操作。它不仅使代码的可读性提高，还简化了写法，减少了出错的可能性。在现代 Web 开发中，掌握扩展运算符的用法无疑是非常重要的。

js —扩展运算符

fdadfas的博客

02-14

2523

扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。关于扩展运算符的一些简单的使用第一种将数组转化为数值第二种合并多个数组第三种克隆数组 js 中的 ‘=’ 不是在内存中重新开辟一个内存存放，而是复制内存路径所以更改数组数据是会发生问题，se6中可以使用扩展运算符来实现数组的克隆普通的 = 复制是浅拷贝而使用扩展运算符是深拷贝第四种结合结构复制这种方式的扩展运算符只能发在最后一个参数，不然会报错 ...

js扩展运算符

weixin_30817749的博客

04-03

684

js扩展运算符(spread)是三个点作用：将一个数组转为用逗号分隔的参数序列。转载于:https://www.cnblogs.com/zxyzm/p/10647963.html

js 深入理解函数（二）：扩展操作符、函数的内部对象、属性和方法

weiweiliude2的专栏

10-09

1294

深入理解函数的内部对象this、arguments，函数属性和方法以及扩展操作符的使用

ES6新特性之数组、Math和扩展操作符用法示例

08-30

总结，ES6对数组、Math对象和扩展操作符的增强，极大地丰富了开发者处理数据的方式，简化了代码，并提高了代码的可读性和维护性。理解并熟练运用这些新特性，对于提升JavaScript开发效率至关重要。

用方法封装javascript的new操作符(一)

10-28

JavaScript是一种基于对象的语言，其中`new`操作符是创建对象实例的关键部分。它允许我们创建一个新对象并将其与特定的函数（也称为构造函数）关联起来，该函数定义了对象的行为和属性。在JavaScript中，`new`操作符...

提案：在JavaScript中引入管道操作符以简化函数链式调用

标题和描述提到的提案是关于向JavaScript语言中引入一个新的操作符“|>”，这是一种“管道操作符”（pipeline operator），其灵感来源于其他编程语言如F#、OCaml、Elm、Hack以及Unix shell中的类似概念。这个操作符...

WeSnipp Chrome扩展：简化代码片段添加流程

这款扩展的主要功能是简化代码段的添加过程。当我们浏览的网页包含了特定的代码时，比如括号，引号等，该插件会在网页上添加一个按钮。用户只需点击这个按钮，就可以将代码段直接添加到自己的代码片段库中，从而实现...

jQuery弹出层插件简化版代码第1/2页

10-30

总之，理解并掌握这个jQuery弹出层插件的简化版代码，有助于提升开发者在网页交互设计方面的技能，为创建更加丰富的用户体验打下基础。在实际应用中，开发者可以根据项目需求，结合这个基础，添加如动画效果、自定义...

学习js扩展运算符

Y_东东的博客

06-01

849

<!DOCTYPE html> <html> <head> <title>扩展运算符</title> <meta charset="UTF-8"> <meta name="description" content="" />

JS扩展运算符(...)那点事儿

liuzhen007的专栏

10-12

1409

JS中扩展运算符(...)的作用就是去掉最外层的对象封装。不理解的话，直接看实例： 1. 并列属性 let x = { a: 1, b: 2}; let y = { ...x }; // 等价于 Object.assign({}, x); let z = { x }; 2. 嵌套属性 let x = { a: 1, b: 2 , c: { d: 3}}; let y = { ...x }; // 等价于 Object.assign({}, x); let z = { x }; ...

记录一下js的...扩展运算符

辉生活-记录程序生活的点滴。

06-14

111

自定义的属性在拓展运算度前面，且该属性是拓展预算符后对象里的，则会取出该对象的值，拓展预算符则会取出剩下的属性。)是ES6的语法，用于取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。如果扩展运算符后面是上面这几种类型，都会返回一个空对象，因为它们没有自身属性。自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。由于数组是特殊的对象，所以对象的扩展运算符也可以用于数组。如果扩展运算符后面是字符串，它会自动转成一个类似数组的对象。如果扩展运算符后面是一个空对象，则没有任何效果。

JS 中使用扩展运算符的10种方法，好家伙，点个赞呗！

粉丝们务必加入微信粉丝群

02-05

1001

作者：Chris Bongers 译者：前端小智来源：ishadeed 点赞再看，微信搜索**【大迁世界】,B站关注【前端小智】**这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 github 地址：https://github..

js --- 扩展运算符

FOR 的博客

07-25

4498

参数扩展与收集 ES6 增加有一个特殊符号，拓展运算符 ’ … ’ 即三个点。它的使用如下：扩展参数 … 扩展运算符能将可迭代对象转换为逗号分隔的参数系列；如将数组拆开，其位置在传值体前（实参，需把自身拆开的变量）前 const arr = ['手机','电脑','人一个'] ...arr // => '手机'，'电脑','人一个' 应用场景： 1. 如果将数组作为参数传入；则传入的只有一个参数，参数是一个数组；如果传入参数时给数组前加上扩展运算符 如…arr;如会将数组解构出来

js中的...扩展(展开)运算符

Wu_Home的博客

11-08

1668

扩展运算符格式很简单，就是三个点(…) let a = [1,2,3] let b = [...a] console.log(b) //[ 1, 2, 3 ] 当创建数组b和在a数组上使用扩展运算符时，不是将a数组直接插入到b中，而是将a数组扩展，然后将元素插入到b中。复制数组 slice()是JavaScript数组的方法，作用是复制数组。我们同样可以使用扩展运算符复制数组。 let ...

JS扩展运算符(Spread Operator)的5种用法~~{...js}

逍湘子

09-04

3238

扩展运算符(...)是Javascript ES6的一个新语法，也是开发者比较喜欢的一个语法，因为简洁高效，也被使用在很多应用中。下边介绍5种常见的用法： 1.//复制数组扩展操作符复制每个元素到一个完全新的数组中，两个数组不是引用关系 2.//合并多个数组扩展运算符把多个数组按照顺序，展开各自中的元素，放入到一个新的数组中。 3.//复制对象复制原始...