ES6对数组的一些扩展(简单版)

一、Array.from()

作用:将类数组转换为数组。
像数组去重我们可以用到这个方法。

function fun(arr){
	return Array.from(new Set(arr));
}

这里Set方法负责去重,Array.from()负责将Set类数组转为数组。
其实我们也可以用扩展运算符:

function fun(arr){
	return [...new Set(arr)];
}

这样是不是更简单些。
如果大家感兴趣或对扩展运算符不是很了解可以看看我写的:js扩展运算符

二、Array.of()

作用:将一组值转换为数组。

        let arr = Array.of(1, 'a', [1, 2, 4], { name: 'zs' })
        console.log(arr);

像这两行代码输出结果为:
在这里插入图片描述
这里就是将这组值以逗号为分隔符转为了数组。

三、fill(value, start, end)

作用:使用给定值填充数组,改变原数组。
value:填充的值
从start填充到end(包含start不包含end)
start/end是对应数组的下标

        let arr = [1, 2, 3, 4, 5, NaN];
        arr.fill('hello', 1, 3)
        console.log(arr);

在这里插入图片描述

四、includes(x)

作用:数组是否包含x,返回boolean,包含返回true,不包含返回false。

        let arr = [1, 2, 3, 4, 5, NaN];
        console.log(arr.includes(4));
        console.log(arr.includes(9));
        console.log(arr.includes(NaN));

在这里插入图片描述

五、indexOf(x)

作用:检索字符串中x首次出现的位置,返回索引 找不到返回-1

        let arr5 = [1, 2, 3, 4, 5, NaN];
        console.log(arr5.indexOf(9));
        console.log(arr5.indexOf(1));
        console.log(arr5.indexOf(NaN));

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值