展开运算符 ... 的用法

最新推荐文章于 2024-09-14 14:16:30 发布
最新推荐文章于 2024-09-14 14:16:30 发布
阅读量351 收藏
点赞数
分类专栏： 前端开发之路 # 前端开发基础学习 文章标签： javascript
嘿朋友谢谢你复制我的文章 喜欢的话给点个赞 交个朋友吧~
本文链接：https://blog.csdn.net/qq_45704942/article/details/120184978
版权
本文介绍了JavaScript中的展开运算符(...),包括如何展开一个数组、连接两个数组、在函数参数中使用以及在对象中的应用，如避免对象属性共享和扩充对象属性。" 129818801,7764378,Leaflet地图防抖实现：鼠标移动事件优化,"['leaflet', '地图开发', '性能优化', 'JavaScript']
摘要由CSDN通过智能技术生成
展开运算符
  • 【1】展开一个数组
console.log(...arr1);//6 6 6
  • 【2】连接两个数组

注意这里 […arr1, …arr2] 是一个Object

let arr = [...arr1, ...arr2];
console.log(arr);//[6, 6, 6, 8, 8, 8]
console.log(...arr1, ...arr2)
最低0.47元/天 解锁文章
敲代码的小提琴手
关注
专栏目录
展开运算符（...）的常见用法
m0_48982503的博客
11-11 1828
目录 1.数组解构赋值 2.对象的解构赋值 3.合并数组和对象 a.数组合并 b.对象合并 4.帮助完成vuex中函数的映射 5.使用Math对象里的相关函数 1.数组解构赋值 结果 数组中按顺序匹配，将’a’赋值给arg，'b’赋值给arg1，剩下的元素以数组形式赋值给展开运算符作用的变量。 2.对象的解构赋值 结果 对象...
经典面试题第七更---展开运算符
m0_72154565的博客
10-06 399
对于展开运算符一知半解，本文介绍了他的各种用法以及使用展开运算符的要求，都来看看吧
展开运算符的基本使用
LingSnow1019的博客
02-06 383
…最基本的使用方法就是展开数组 let arr = [1,2,3,4,5] console.log(...arr) //打印结果是1 2 3 4 5 用来连接两个数组 let arr = [1,2,3,4,5] let arr1 = [5,6,7,8,9] let arr2 = [...arr,...arr1] console.log(arr2) //打印结果为[1,2,3,4,5,6,7,8,9] 计算数组数据的总和(在不知道数据多少的时候处理数据) fun.
【JavaScript】函数参数和展开运算符详解
最新发布
lph159的博客
09-14 956
在 JavaScript 中，函数参数用于向函数传递数据。函数可以接收任意数量的参数，并在函数体内部通过形参来引用这些参数。// 输出：8在这个例子中，sum函数接受两个参数a和b，并返回它们的和。展开运算符（...）是一种非常强大的工具，它允许我们将数组、对象或其他可迭代对象展开为单独的元素或属性。这极大地提升了代码的简洁性和灵活性。函数参数和展开运算符是 JavaScript 中非常灵活和实用的功能。它们不仅使得函数能够处理任意数量的参数，还大大简化了数组和对象的操作。
...展开运算符
qq_33782556的博客
05-04 670
展开运算符（Spread Operator）是ES6中引入的一个新的语法，用于将数组或对象拆分成单个元素。在JavaScript中，我们通常需要将一个数组或对象的元素合并到另一个数组或对象中，这时候就可以使用展开运算符。使用展开运算符可以将一个数组拆分成单个元素，并将它们分别传递给函数，或者合并到另外的数组中。与数组类似，我们也可以使用展开运算符将一个对象拆分成单个元素，并将它们合并到另外一个对象中。我们可以使用展开运算符将其拆分成单个元素，并将它们合并到另一个对象。，同时将剩下的属性合并到一个新的对象。
展开运算符
m0_71814235的博客
08-10 3940
展开运算符
Python程序设计：Python数字和运算符.pptx
06-12
本任务围绕NBA球星信息展开，需要熟练掌握Python中常见数据类型的使用方法。 在本任务中，我们将先学习Python变量、字符串、列表、字典、集合等的使用方法，并穿插相应的案例及分析过程，实行理论讲解和案例分析相...
js中关于“...”展开运算符的使用
peter的博客
07-08 1416
展开运算符可用于函数调用、解构赋值等方面。 1.可以为把对象的值赋值给新的对象。 let item = { name: '小明', age: 12 } let value = {}; value = {...item} console.log(value); //{ name: '小明', age: 12 } 可以展开多个对象并赋值，如果多个对象中存在相同属性，则后边的会覆盖前面展开的属性。 let item = {name: "小明",age: 12} let value = {
JavaScript - 展开运算符
小高今天早睡了吗？
01-06 2844
在ES6中,使用 … 来表示展开运算符,它可以展开数组/对象。 一、展开运算符…在数组中的使用 展开一个数组 const arr = [1,2,3] ; console.log(...arr); //输出： 1 2 3 复制一个数组，也称深拷贝数组 const arr = [1,2,3] ; //深拷贝，拷贝的是数组中的值 const arr3 = [...arr] ; consol
【JavaScript】展开运算符详解
lph159的博客
07-26 1222
在展开对象时，结合计算属性名语法，可以动态设置属性名。展开运算符则用于将一个对象的所有属性展开到另一个对象中。展开运算符最初在ES6（ECMAScript 2015）中引入，主要用于数组，但在ES9（ECMAScript 2018）中扩展到了对象。展开运算符除了基本的数组和对象操作外，还可以在许多高级场景中使用，例如函数参数处理和嵌套结构的展开。展开运算符可以将一个对象的所有可枚举属性展开到另一个对象中，便于对象的合并和浅拷贝。展开运算符可以将一个数组展开成单独的元素，用于创建新的数组或函数调用。
ES6展开运算符用法（扩展运算符）
高先生的猫
02-21 710
随着 ES6 的出现，编写 JavaScript 变得越来越灵活。新的语法让代码更简洁，可读性更高。ES6 新增了很多特性，扩展运算符就是其中一个。简单的三个点号，让原本繁琐的代码瞬间变得简洁、优雅。那么，就让我们看看它有哪些常见用法吧。 让函数的 Apply 调用方式成为过去 有时候我们需要通过Function.prototype.apply来调用函数，参数就放在一个数组里。 fun...
es6 展开运算符
kangkang_style的博客
12-20 789
展开运算符与对象展开运算符 展开运算符（spread operator）允许一个表达式在某处展开。 展开运算符在多个参数（用于函数调用）或多个元素（用于数组字面量）或者多个变量（用于解构赋值）的地方可以使用。 展开运算符不能用在对象当中，因为目前展开运算符只能在可遍历对象（iterables）可用。 iterables的实现是依靠[Symbol.iterator]函数， 而目前只有Array,Se...
es6展开运算符 ...
qq_35401191的博客
08-31 2387
展开运算符 在ES6中用...来表示展开运算符，它可以将数组方法或者对象进行展开。先来看一个例子它是如何使用的。 const arr1 = [1, 2, 3]; const arr2 = [...arr1, 10, 20, 30]; 这样，arr2 就变成了[1, 2, 3, 10, 20, 30]; arr1中的值完全克隆到了arr2中（arr1改变arr2中还是最初的值）。当然，展...
【前端基础知识】展开运算符（...）的使用
Dai的博客
01-13 1056
【前端基础知识】展开运算符（...）的使用
js中展开运算符的基本用法
07-17
在 JavaScript 中，展开运算符 `...` 用于将一个可迭代对象（例如数组、字符串、类数组对象等）展开为独立的元素，或者将一个对象展开为独立的属性。 以下是展开运算符的基本用法示例： 1. 展开数组： ```javascript const arr = [1, 2, 3]; console.log(...arr); // 1 2 3 ``` 在上述示例中，`...arr` 将数组 `arr` 展开为独立的元素。 2. 合并数组： ```javascript const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const mergedArr = [...arr1, ...arr2]; console.log(mergedArr); // [1, 2, 3, 4, 5, 6] ``` 在上述示例中，`[...arr1, ...arr2]` 将两个数组 `arr1` 和 `arr2` 合并为一个新的数组 `mergedArr`。 3. 展开字符串： ```javascript const str = "Hello"; console.log(...str); // H e l l o ``` 在上述示例中，`...str` 将字符串 `str` 展开为独立的字符。 4. 合并对象： ```javascript const obj1 = { a: 1, b: 2 }; const obj2 = { c: 3, d: 4 }; const mergedObj = { ...obj1, ...obj2 }; console.log(mergedObj); // { a: 1, b: 2, c: 3, d: 4 } ``` 在上述示例中，`{ ...obj1, ...obj2 }` 将两个对象 `obj1` 和 `obj2` 合并为一个新的对象 `mergedObj`。 需要注意的是，展开运算符只能用于可迭代对象或对象字面量。它将迭代对象中的元素或属性，并将它们展开为独立的项。展开运算符在很多场景下都非常有用，例如数组合并、函数调用时传递可变数量的参数等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值