ES6中的常用方法

本文详细介绍了JavaScript中字符串的查找、复制、类型判断等操作,以及数组的实例方法,如includes、startsWith、endsWith、fill、find等。通过实例展示了如何在实际开发中运用这些方法,帮助提升代码效率。
摘要由CSDN通过智能技术生成

字符串模版

${aaa}

字符串查找

let STR='这句话';
let talk = '这是一段话,这句话里面包含了两句话,';
document.write(talk .includes(STR));//显示true


//判断开头是否存在:

talk .startsWith(STR);
//判断结尾是否存在:

talk .endsWith(STR);

复制字符串

document.write('复制三次|'.repeat(3));

类型判断

1.判断是否为数字

可以使用Number.isFinite( )来进行数字验证,只要是数字,不论是浮点型还是整形都会返回true,其他时候会返回false。

2.判断是否为空 

NaN是特殊的非数字,可以使用Number.isNaN()来进行验证。返回boolean

3.判断是否为整数

可以使用Number.isInteger()来进行验证

4.整数转换Number.parseInt()和浮点型转换Number.parseFloat()

5.文本或者变量转换成数组

可以使用Array.of方法

6.JSON转数组

ES6中绝大部分的Array操作都存在于Array对象里。我们就用Array.from(xxx)来进行转换

7.查找数组中的某个变量:

所谓的实例方法就是并不是以Array对象开始的,而是必须有一个已经存在的数组,然后使用的方法,这就是实例方法。这里的find方法是从数组中查找。在find方法中我们需要传入一个匿名函数,函数需要传入三个参数:

  • value:表示当前查找的值。
  • index:表示当前查找的数组索引。
  • arr:表示当前数组。

在函数中如果找到符合条件的数组元素就进行return,并停止查找。

let arr=[1,2,3,4,5,6,7,8,9];
console.log(arr.find(function(value,index,arr){
    return value > 5;
}))

如果查找不到会显示undefined

8.填充数组

fill()也是一个实例方法,它的作用是把数组进行填充,它接收三个参数,第一个参数是填充的变量,第二个是开始填充的位置,第三个是填充到的位置。

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('101',2,5);
console.log(arr);

上边的代码是把数组从第二位到第五位用101进行填充。

9.数组的遍历(for....of)

 

这种形式比ES5的for循环要简单而且高效。

for (let item of arr){
    console.log(item);
}

for…of数组索引:有时候开发中是需要数组的索引的,那我们可以使用下面的代码输出数组索引

for (let index of arr.keys()){
    console.log(index);
}

可以看到这时的控制台就输出了0,1,2,也就是数组的索引。

同时输出数组的内容和索引:我们用entries()这个实例方法,配合我们的for…of循环就可以同时输出内容和索引了。

for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值