es6之数组的扩展方法

本文介绍了ES6中数组的扩展方法,包括from()用于将伪数组转换为真正数组,of()将任意值转为数组,copyWithin()用于复制数组部分到自身,find()和findIndex()查找特定元素及其索引,以及entries()、keys()和values()遍历器方法,最后讲解了includes()判断数组是否包含指定元素的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

                 可以将伪数组转换为真正的数组,from()方法

将一组值转换为数组:of()

copywithin()了解

find()和findIndex()

遍历器entries(),keys(),values()

是否包含includes()

可以将伪数组转换为真正的数组,from()方法

function fn() {

// console.log(arguments);

console.log(Array.from(arguments));

}

fn(1, 2, 3, 4)

let lis = document.querySelectorAll('li');

console.log(Array.from(lis));

//第二个参数可以用对每个元素进行处理,以下是获取li中的值

console.log(Array.from(lis, (ele) => ele.textContent));

将一组值转换为数组:of()

  // of()将任意一组值转换为数组

        let arr = [1, 22, [1, 2], '1', {

            id: 1

        }];

        let a = Array.of(1, [2, 3], '22', {

            id: 1

        });

        console.log(a);

        console.log(arr);

copywithin()了解

        let a1 = [1, 2, 3, 4, 5, 6];

        console.log(a1.copyWithin(0, 2));

find()和findIndex()

//find的参数是一个函数,返回第一个比三大的数 findeIndex返回索引值

  let arr1 = [1, 2, 3, 4, 5];

        console.log(arr1.find((n) => {

            return n > 3;

        }));

        console.log(arr1);

遍历器entries(),keys(),values()

  let letter = ['a', 'b', 'c'];

        // console.log(letter.keys()); //返回一个遍历器

        let key = letter.keys();

        for (let j of key) {

            console.log(j);

        }

        let it = letter.entries();

        // for (let i of it) {

        //     console.log(i);

        // }

        console.log("----");

        console.log(it.next().value);

        console.log(it.next().value);

        console.log(it.next().value);

        console.log(it.next().value);

是否包含includes()

// includes()返回值布尔类型 是否包含某个数值

        let c = [1, 2, 3, 4];

        console.log(c.includes(2));

        //解决了indexOf包含返回下标,不包含返回-1 是否包含==-1

        console.log(c.indexOf(4));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值