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

七灵微2025-05-04 22:39

一、扩展运算符。。。

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

html 复制代码

   <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这个东西就是类数组

例：

javascript 复制代码

<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

例：

javascript 复制代码

<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(填充的东西, 开始位置, 结束位置);

例：

javascript 复制代码

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

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

javascript 复制代码

<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入门---第二单元模块二：关于数组新增