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

JavaScript几点基础讲解

巴扎黑
发布: 2017-07-20 14:36:30
原创
1294人浏览过

扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值,扩展运算符有几点作用,接下来为大家一一解开!!!

一,展开数组

//展开数组let a = [1,2,3,4,5],b = [...a,6,7];console.log(b);//打印出来的值[1, 2, 3, 4, 5, 6, 7]

二,数组的拷贝

//数组的拷贝var c = [1, 2, 3];var d = [...c]; d.push(4); console.log(d);//打印出来的值[1, 2, 3, 4]

三,数组的合并

//数组的合并var j = [7, 1, 2];var k = [5, 0, 8];j = [...k, ...j];console.log(j)//打印出来的值[5, 0, 8, 7, 1, 2]

立即学习Java免费学习笔记(深入)”;

四,展开函数的调用

//展开函数调用function  fn(a,b,c,d){
 console.log(a+b+c+d);}var p=[1,9,3,,6];let result=fn(5,...p);开函数的调用//打印出来的值18

扩展运算符(spread)是三个点(...),将一个数组||类数组||字符串转为用逗号分隔的序列。这家伙是用来对数组进行操作的,把数组里面的东西统统拿出来

扩展运算符

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 [a,b,...c]=[1,2,3,4,5];
console.log(a,b);//1 2
console.log(c);//[3, 4, 5]
登录后复制

箭头函数

let say333=()=>{
    console.log("333");//333
}
say333();

(name)=>{
    console.log(name);
}

(a,b)=>{
    return a+b;
}

(a,b)=> a+b;
登录后复制

参数默认值,剩余参数,拓展参数

let aa=(name='wwrs')=>{
        console.log(`Hello ${name}`);
    }
    aa();//Hello wwrs
    aa('sss');//Hello sss
    
    
let bb=(a,b,c)=>{
        console.log(a+b+c);//9
    }
    let dd=[2,3,4];
    bb(...dd);
    
    
let he=(a,b,c,d)=>{
    console.log(a+b+c+d);//10
}
he(1,2,3,4)

let he1=(s,j,...shi)=>{
    console.log(shi);//[3, 4]
}
he1(1,2,3,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号