ES6入门---第二单元模块二：关于数组新增

七灵微

已于 2025-05-03 21:36:46 修改

阅读量606

点赞数 2

CC 4.0 BY-SA版权

分类专栏： ❌已废弃文章标签： es6 javascript 前端

于 2025-05-03 21:36:29 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41775119/article/details/81713920

❌已废弃专栏收录该内容

37 篇文章

订阅专栏

本文深入探讨JavaScript中数组的各种操作方法，包括扩展运算符、Array.from、Array.of、find、findIndex、fill等函数的使用技巧，并介绍了ES2016新增的indexOf和includes方法，帮助读者提升前端开发技能。

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

一、扩展运算符。。。

1、可以把ul li转变为数组

   <script>
        window.onload=function (){
            let aLi = document.querySelectorAll('ul li');

            let arrLi = [...aLi];

            arrLi.pop();

            arrLi.push('asfasdf');
            console.log(arrLi);
        };
    </script>
</head>
<body>
    <ul>
        <li>11</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
    </ul>
</body>

2、补充：

Array.from:
作用: 把类数组(获取一组元素：arguments...) 对象转成数组

个人观点：具备 length这个东西就是类数组

例：

<script>
        let json ={
            0:'apple',
            1:'banana',
            2:'orange',
            length:3//不添加length会出错 加上可正常显示数组
        };

        let arr = Array.from(json);

        console.log(arr);
    </script>

Array.of(): 把一组值，转成数组
let arr = Array.of('apple','banana','orange');

console.log(arr);

arr.find(): 查找，找出第一个符合条件的数组成员，如果没有找到，返回undefined

例：

<script>
        let arr = [23,900,101,80,100];

        let res = arr.find((val, index, arr) =>{
            return val>1000;
        });

        console.log(res);
    </script>

arr.findIndex(): 找的是位置，没找到返回-1

arr.fill() 填充
arr.fill(填充的东西, 开始位置, 结束位置);

例：

 <script>
        let arr = new Array(10);

        arr.fill('默认值')
        console.log(arr);
    </script>

<script>
        let arr = new Array(10);

        arr.fill('默认值',1,3);//只在1 3 位置填充
        console.log(arr);
    </script>

在ES2016里面新增:

   arr.indexOf()   返回某个指定的字符串值在字符串中首次出现的位置。
   arr.includes()//是否包含数组中元素
   str.includes()

split() 方法用于把一个字符串分割成字符串数组。

arrLi.pop(); 数组中减一个元素

args.push(6);加一个是6的元素

ES6入门---第二单元 模块二：关于数组新增

ES6入门---第二单元模块二：关于数组新增