ES6扩展运算符

最新推荐文章于 2024-08-18 13:38:25 发布
最新推荐文章于 2024-08-18 13:38:25 发布
阅读量70 收藏
点赞数
分类专栏： JS基础知识 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xy520zzz/article/details/109236442
版权
本文介绍了JavaScript中的扩展运算符（...）如何用于数组转换和函数参数。通过实例展示了如何利用扩展运算符进行数组拼接，以及替代`apply`方法传递数组作为函数参数。扩展运算符使得代码更加简洁易读。
摘要由CSDN通过智能技术生成

扩展运算符可以将数组转换成用逗号隔开的序列参数

let arr = [10, 20, 30]
console.log( ...arr ) // 10 20 30

经常备用到用于数组拼接

let arr = [10,20,30]
let arr2 = [40,50,60]
console.log(...arr, ...arr1)  // 10 20 30 40 50 60

可以不用apply方法将数组转换为函数的参数了

function fu(a,b,c){
console.log( a+b+c )
}
let arr = [10,20,30]

fn(...arr)
Zzz_bk
关注
专栏目录
ES6扩展运算符用法实例分析
08-28
ES6扩展运算符用法实例分析 ES6扩展运算符是一种特殊的语法结构，使用三个点号（...）来表示，主要功能是将数组或类数组对象展开成一系列用逗号隔开的值。下面将对ES6扩展运算符的用法、功能、使用方法与相关注意...
ES6扩展运算符的用途实例详解
12-12
ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。 扩展运算符就是三个点“…”，就是将实现了Iterator 接口的对象中的每个元素都一个个的...
关于ES6的拓展运算符进行深拷贝
zomixi的博客
11-14 7788
很多博客说ES6的拓展运算符…也可进行深拷贝对象，但其实是有坑的：它只能深拷贝一层。 类似于这样的对象 // value 只能是基本数据类型，比如String，Number，Boolean let oldObj = { key ：value } // 例如 person = { name ： '张三' } 是可以使用拓展运算符深拷贝的。 但是，当对象是这样的时候： // value是引用类型，比...
通过ES6扩展运算符实现数组和对象的深拷贝
像一阵风
07-10 1300
一、数组的深拷贝 var arr = [1,2,3,4,5] var [ ...arr2 ] = arr arr[2] = 3 console.log(arr) console.log(arr2) 二、对象的深拷贝 var obj = { name: ['hui',22,{name:'wanb'}], sex: 'man', ...
ES6基础常用系列——扩展运算符...以及深拷贝浅拷贝的理解
weixin_30561177的博客
01-18 1298
ES6较ES5而言，增加了很多优秀的特性，不过这小脑瓜一时间也消化不了，随用随记吧！扩展运算符可谓是里面的重中之重了，忆起当时刚接触vue的时候，三个点看了几遍才弄懂一点，后来用到的时候还是忘了，重新学习的，千里之行，始于足下，且一步一个脚印... 同样地，如果修改了原数组的成员，不会同步反映到新数组，则是深拷贝了，意思也就是说，深拷贝是单单拷贝了对象里面的值，并不是对象的存储地址 深...
ES6中的扩展运算符拷贝问题以及常用的深浅拷贝方法
weixin_43799793的博客
02-23 2373
ES6中数组和对象的扩展运算符拷贝问题以及常用的深浅拷贝方法 在ES6中新增了扩展运算符可以对数组和对象进行操作。有时候会遇到数组和对象的拷贝，可能会用到扩展运算符。那么这个扩展运算符到底是深拷贝还是浅拷贝呢？ 一.、使用扩展运算符拷贝 首先是下面的代码。 let a = [1,2,3]; let b = [...a]; a == b // false 结果是false，这是很容易知道的，毕竟这个赋值操作符是有区别的。接下来将数组的值进行改变，又会怎样呢； let a = [1,2,3]; let b =
es6 扩展运算符
最新发布
一只猫
08-18 315
注意，如果对象有相同的属性，后面的对象的属性会覆盖前面的对象的属性。扩展运算符可以用于创建对象的浅拷贝，即复制对象的属性到一个新的对象中。扩展运算符可以用于将对象的属性展开为函数的参数。可以使用扩展运算符将多个对象合并成一个对象。
ES6 扩展运算符
KangMino的博客
03-21 910
将字面量对象展开为多个元素 getParams() { const { measureRange, ...serch } = this.searchParams const params = { ...serch, ...this.page, } return params }, ...serch 则是排除选择元素后的
ES6 扩展运算符：详解与示例
大剑师兰特的GIS世界
03-31 1810
ES6 中的扩展运算符（Spread syntax 或 Spread operator）由三个点 `...` 表示，它在JavaScript中有多种用途，主要用于数组和对象的操作。
es6扩展运算符拷贝
yy_nf666的博客
01-18 413
例子1 let arr = [1,2,3] let arr1 = [...arr] arr[0] = 5 // arr1 = [1,2,3] 上面代码满足深拷贝的条件 例子2 let arr = [1,[2,3]] let arr1 = [...arr] arr1[1][0] = 5 //arr1 = [1,[5,2]] 所以扩展运算进行拷贝是浅拷贝,只能拷贝第一层数据,对于底层数据不能进行拷贝.对于对象也是一样的,只有一层的情况下是可以满足深拷贝,但是有多层就不满足,只能进行浅拷贝. ...
ES6扩展运算符简单理解...
booo_ooom的博客
05-16 137
简单来说，…的作用就是可以将数组，对象，字符串，统统展开 他的用处很多，可以拼接数组，将字符串转为字符数组等，详情看图片
详解ES6 扩展运算符的使用与注意事项
01-21
扩展运算符 spread syntax 又叫展开语法，写法是 …，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将...
find方法和 findIndex方法的使用
xy520zzz的博客
10-31 8424
find方法和findIndex方法都是用于查找数组中符合条件的元素，但是两者有细微的差别 find方法是通过判断条件返回符合条件的对象 // 定义一个数组，里面包含多个对象，通过find方法来查找满足条件的对象 var arr = [ { id: 1, name:'张三' }, { id: 2, name:'张三' }
ES6箭头函数的剩余参数
xy520zzz的博客
10-22 359
对箭头函数的形参通过特定写法，使其可以接收一个或多个实参，并进行使用 const sum = (...args) => { let total = 0; args.forEach(item => { total += item }) return total } console.log(sum(10, 20)) // 3
forEach()使用方法
xy520zzz的博客
10-19 356
forEach()方法可以遍历数组 使用方法： var arr = [1,2,3]; var sum； // forEach有一个回调函数，提供了三个参数，分别是 value , index , array forEach(function(value, index, array) { console.log("每个数组元素" + value); console.log("数组的索引" + index); console.log("数组本身" + array); 数组求和： console
Array的includes方法 扩展方法
xy520zzz的博客
10-31 333
includes方法 查找元素中是否有此元素，有即返回true,没有则返回false var arr = [1,2,3,4] console.log(arr.includes(1)) true console.log(arr.includes(10)) false
浅拷贝与深拷贝的区别
xy520zzz的博客
10-19 169
浅拷贝只拷贝了最外层，对于更深层次只拷贝引用（即只拷贝数据地址，如果对数据进行更改则会互相影响） es5浅拷贝： var obj = { name:"我是外部名称", jineng : { name:"我是内部名称" } } var o = {} o.jineng.name = "我是被修改后的名称" // 浅拷贝的数据发生改变时，拷贝与被拷贝对象的数据都会发生改变 for(var i in obj) { o[i] = obj[i] } console.log(o.jinen
js map()和forEach()的区别
xy520zzz的博客
11-16 129
一、相同点： 1.都是循环遍历数组中的每一项 2.每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组） 3.匿名函数中的this都是指向window 4.只能遍历数组 二、不同点 1.map()会分配内存空间存储新数组并返回，forEach()不会返回数据。 2.forEach()允许callback更改原始数组的元素。map()返回新的数组。 1、forEach() forEach()针对每一个元素执行提供的函数，对数据的操作会改变原数组。 var ar
es6 扩展运算符 在对象中用法
05-28
ES6 扩展运算符可以用于对象的浅拷贝。例如： ``` const obj1 = { a: 1, b: 2 }; const obj2 = { ...obj1, c: 3 }; console.log(obj2); // { a: 1, b: 2, c: 3 } ``` 上述代码中，使用扩展运算符将 `obj1` 中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值