极乐门资源网 Design By www.ioogu.com
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.ioogu.com
极乐门资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无JavaScript中使用Spread运算符的八种方法总结的评论...
更新日志
2024年12月23日
2024年12月23日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]