首页 > web前端 > js教程 > 正文

JavaScript中的扩展运算符

巴扎黑
发布: 2017-07-21 17:06:45
原创
2245人浏览过

扩展运算符(Spread operator)

let zzz=[2,4,6];
console.log(zzz);//[2, 4, 6]
console.log(...zzz);//2 4 6
登录后复制

展开并合并

let a=[1,2,3];
let b=[...a,4,5,6];
console.log(b);//1,2,3,4,5,6

let da=[1,2];
let db=Array.from(da);
db.push(3);
console.log(da,db);//[1, 2]   [1, 2, 3]
登录后复制

concat的连接数组

var arr5= [3,4,5]
    var arr6 = [6,7,8]
    var arr7 = arr5.concat(arr6);
    console.log(arr7);//3,4,5,6,7,8
    var arr8 = [...arr5,...arr6];
    console.log(arr8);//3,4,5,6,7,8
登录后复制

将字符串转化成数组

var str = 'html';
var arr9 = [...str];
console.log(arr9);//["h", "t", "m", "l"]
登录后复制

应用在解构赋值里

let [a,b,...c]=[1,2,3,4,5];
console.log(a,b);//1 2
console.log(c);//[3, 4, 5]

var aa=[1,2,3];
var bb=[...aa];
bb.push(4,5);
console.log(bb);//[1, 2, 3, 4, 5]
登录后复制

函数调用

function aa(a,b){
        return a+b
}
let cc=[1,3]
let bb=aa(...cc)
console.log(bb);//4
登录后复制

以上就是JavaScript中的扩展运算符的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号