ES6基础知识3——扩展运算符

对象扩展运算符(…):

当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子:

function judy(...arg){
    console.log(arg[0]);
    console.log(arg[1]);
    console.log(arg[2]);
    console.log(arg[3]);
}
judy(1,2,3) ;//1 2 3 undefined
judy(0,1,2,3) ;//0 1 2 3

扩展运算符的作用(…):

let arr1 = ['a','b','c'];
let arr2 = arr1;
console.log(arr2);
arr2.push('d');
console.log(arr1);//["a", "b", "c", "d"]
let arr1=['www','judy','yanmeng'];
//let arr2=arr1;
let arr2=[...arr1];
console.log(arr2);
arr2.push('zhu');
console.log(arr2); //['www','judy','yanmeng','zhu']
console.log(arr1); //['www','judy','yanemng']
参数的输出:
//rest运算符
function judy(first,...arg){
    //console.log(arg.length);
    console.log(arg)
}
judy(0,1,2,3,4,5,6,7);//[1, 2, 3, 4, 5, 6, 7]
循环输出函数的参数 judy(first,...arg)
//循环输出参数的值(不包括第一个)
function judy(first,...arg){
    for(let val of arg){
        console.log(val);
    }
}
jspang(1,3,5,7,9,2,4);//3 5 7 9 2 4
for…of的循环可以避免我们开拓内存空间,增加代码运行效率,所以建议大家在以后的工作中使用for…of循环。有的小伙伴会说了,反正最后要转换成ES5,没有什么差别,但是至少从代码量上我们少打了一些单词,这就是开发效率的提高。
字符串模板
//字符串模板
let judy = 'zhuyanmeng';
let miaoshu = `很高兴与您相遇${judy}.谢谢!`; //注意:这个必须是两届好(键盘tab键上面的那个)
document.write(miaoshu );
对运算的支持
let a = 1;
let b = 2;
let result=`${a+b}`; //这个引号特别注意:Tab键上面的引号
document.write('计算结果为'+result); //计算结果为3
字符串的查找
//查找是否存在
let judy = 'zhuyanmeng';
let miaoshu = `很高兴与您相遇${judy}.谢谢!`; //注意:这个必须是两届好(键盘tab键上面的那个)
document.write(miaoshu.includes(judy) ); //true
//判断开头是否存在
document.write(miaoshu.startsWith(judy) );//false
//判断结尾是否存在
document.write(miaoshu.endsWith(judy) );//false
数字验证
//数字验证
let a =2;
console.log(Number.isFinite(a)); //true
console.log(Number.isFinite('judy')); //false
console.log(Number.isFinite('NaN'));//false
console.log(Number.isFinite('undefined'));//false
复制字符串或者数组
//复制字符串/或数组
//我们有时候是需要字符串重复的,比如分隔符和特殊符号,这时候复制字符串就派上用场了,语法很简单。
//repeat(number) repeat可以复制数组也可以复制参数  number复制几次
document.write('jspang|'.repeat(3)); //jspang|jspang|jspang|
document.write('[1,2,3,4]'.repeat(3)); //[1,2,3,4][1,2,3,4][1,2,3,4]


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值