全面感知ES6（3）数组的扩展

最新推荐文章于 2025-09-03 10:42:57 发布

原创最新推荐文章于 2025-09-03 10:42:57 发布 · 201 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数组 #ES6

ES6 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了ES6中数组的20种方法，包括push、unshift、pop、shift等基本操作，以及indexOf、lastIndexOf、includes等搜索方法。此外还深入探讨了splice、slice、join、concat等数据处理方式，以及sort、reverse、some、every等数组遍历和判断技巧。

ES6中数组的扩展

继续更新

比如数组的20个方法：

 /*
    数组的方法
        push
            往数组中添加一个元素

        unshift
            向数组的开头添加一个元素，并返回新的长度

        pop
            用于删除最后一个元素并返回删除的元素
        shift
            用于删除第一个元素并返回第一个元素的值

        indexOf
            返回某个指定字符串在数组中首次出现的位置，如果没有找到匹配的字符串就返回-1
        lastIndexOf
            返回某个指定字符串在数组中首次出现的位置（从后向前查找），如果没有找到匹配的字符串就返回-1
        includes
            用来判断一个数组是否包含一个指定的值，如果有返回true没有返回false

        splice
            用于插入，删除，替换数组中的元素（会改变原有数组）
        slice
            从原有数组中返回指定元素（不会改变原有数组）

        join
            把数组里面的所有元素转化为字符串
        concat
            链接两个数组
        sort
            对数组内容进行排序
        reverse
            用于颠倒数组中的排序

        some()
            会依次执行数组中的每个元素
            如果有一个元素满足条件，则表达式就返回true，剩余函数不在执行
            如果没有函数满足条件，则表达式返回false
        every
            使用所有函数检测数组中的所有元素
            如果有一个元素不满足条件，则表达式就返回false，剩余函数不执行
            如果没有函数满足天剑，则表达式返回false

        forEach
            遍历数组，类似for循环
    *   map
            映射 一一对应
            返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值

    *   filter
            过滤，根据业务条件，那一部分，抛弃一部分
            创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素
    
    *   reduce
            接受一个函数作为累加器，数组中的每个值开始缩减，最终计算为一个值

        fill
            用于将一个固定值替换数组的元素

        find
            数组中的每个元素都进行一次函数的执行
            当数组中的元素在测试条件时返回true时，find()返回符合条件的元素，之后的值不在执行函数回调
            如果没有符合条件的就返回undefined

        findIndex
            数组中的每个元素都进行一次函数的执行
            当数组中的元素在测试条件时返回true时，findIndex()返回符合条件的元素，之后的值不在执行函数回调
            如果没有符合条件的就返回-1

        Array.from
            以把对象转换为真正的数组

        Array.of
            返回参数值组成的数组。如果没有参数，就返回一个空数组

        Array.isArray    
            用来检测对象是否是数组
    */

接下来老规矩上代码

一些数组的具体实现方法和过程

判断的方法

    
    let arr = [2, 6, 4]; //true
    // let arr = [2, 5, 6]; //false
    let result = arr.every(function (item, index, arr) {
        return item % 2 == 0;
    })
    console.log(result);

    
    let score = [59, 44, 88, 61, 100];
    let isPass = score.map(function (item) {
        return item >= 60 ? "不及格" : "及格";
    })
    console.log(isPass);
    //及格 及格 不及格 不及格 不及格

    
    let aStudent = [{
            name: "小黑",
            age: 22
        },
        {
            name: "小白",
            age: 20
        },
        {
            name: "小吊",
            age: 15
        }
    ];
    let aresult = aStudent.some(function (item) {
        return item.age >= 20;
    })
    console.log(aresult);
    //true

循环数据

     
    let arr = [2, 6, 4];
    arr.forEach(function (item, index, arr) {
        console.log(item, index, arr);
        // 2 [2, 6, 4]
        // 6 [2, 6, 4]
        // 4 [2, 6, 4]
   )}
 

筛选数据

    let goodsList = [{
            title: "衬衣",
            price: 139,
            address: "浙江杭州"
        },
        {
            title: "衬衣",
            price: 79,
            address: "山西太原"
        },
        {
            title: "衬衣",
            price: 99,
            address: "河南洛阳"
        },
        {
            title: "衬衣",
            price: 199,
            address: "北京朝阳"
        }
    ]
    let resultArr = goodsList.filter(function (item) {
        return item.price >= 100;
        // 筛选出所有衬衣价格大于100
    })
    console.log(resultArr);
    // 数组中两条数据
    // {title: "衬衣", price: 139, address: "浙江杭州"}
    // {title: "衬衣", price: 199, address: "北京朝阳"}