Spread运算符
允许从 iterable 表达式(如另一个数组文本)初始化部分数组文本,或允许表达式扩展到多个参数(在函数调用中)。
语法
var array = [[arg0ToN ,] ...iterable [, arg0ToN]]
func([args ,] ...iterable [, args | ...iterable])
参数
iterable
必需。 迭代对象。
arg0ToN
可选。 数组文本的一个或多个元素。
args
可选。 函数的一个或多个参数。
本文将带大家了解如何在JavaScript中使用Spread(延展操作)运算符。
ES6中引入了延展操作运算符(...)。
延展操作运算符将可迭代的对象扩展为其单独的元素,可迭代对象是可以使用 for 循环进行循环的任何对象。
可迭代的示例:Array,String,Map,Set,DOM节点。
1.在log中使用延展操作运算符
你可以在 console.log 中对可迭代对象使用延展操作操作符
let fruits = ['"htmlcode">let fruits = ['"htmlcode">let user = {name : "John", age : 20 } let userCopy = {...user}延展操作运算符不执行深度复制。
3.延展操作运算符合并
let fruits = ['"htmlcode">let user1 = {name : "John", age : 20 }; let user2 = {name : "Ram", salary: '20K' }; let userCopy = {...user1, ...user2}; userCopy ; // {name : "Ram", age :20 , salary : '20K'};4.延展操作运算符作为参数传递
function sum(a, b) { return a+b; } let num = [1,2]; sum(...num); // 3与 math 函数一起使用
let num = [5,9,3,5,7]; Math.min(...num); Math.max(...num);5.延展操作运算符在解构变量中
let [melon, ...fruits ] = ['"htmlcode">let user = {name : "Ram", age: 20, salary: '20K', job : "Tester" }; let { name, age, ...details } = user; name; // Ram age; // 20 details; // {salary: '20K', job : 'Tester'};6.将NodeList对象转换为数组
NodeList类似于数组,但是没有 Array 的所有方法,例如 forEach,map,filter 等。
let nodeList = document.querySelectorAll('.class') var nodeArray = [...nodeList]7.将字符串转换为字符
字符串也是可迭代的对象,因此我们也可以使用 ... 来字符串。
let name = "Ram"; let chars = [...name]; // ["R", "a", "m"]8.从数组中删除重复项
let num = [1, 3, 1, 3, 3, 1]; let uniqueNum = [...new Set(num)]; uniqueNum; //[ 1, 3 ]总结
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年11月18日
2024年11月18日
- ABC唱片-鲍比达·新民乐《满江红》[APE+CUE]
- 许嵩.2014-不如吃茶去【海蝶】【WAV+CUE】
- 周笔畅.2024-HAVE.A.GOOD.NIGHT【SN.Music】【FLAC分轨】
- 周笔畅.2024-HAVE.A.NICE.DAY【SN.Music】【FLAC分轨】
- 证声音乐图书馆《真夏派对 x 迪斯可》[FLAC/分轨][380.78MB]
- 证声音乐图书馆《星空下 爵士钢琴》[320K/MP3][65.88MB]
- 证声音乐图书馆《星空下 爵士钢琴》[FLAC/分轨][283.95MB]
- 沙门怀一《竹山听雨HQ》头版限量[低速原抓WAV+CUE]
- 沙门怀一《于喁·壹HQ》头版限量编号[低速原抓WAV+CUE]
- 群星《魅音绝唱》黑胶CD【WAV】
- 腾格尔.2002-四十独白【风潮】【WAV+CUE】
- 陈明真.1992-到哪里找那么好的人【华星】【WAV+CUE】
- 黄凯芹.2012-廿五年3CD【环球】【WAV+CUE】
- 证声音乐图书馆《七夕 爵士情缘》[320K/MP3][64.8MB]
- 证声音乐图书馆《七夕 爵士情缘》[FLAC/分轨][327.79MB]