Slogan

JS 常用的数组操作内置函数

<html>

<head>

</head>

<body>
    <script>
        // 向数组中添加值
        var arr = new Array(1, 2, 3, 4, 5);
        var len = arr.push(7, 9);
        console.log(len, arr); // array.push() 在数组末尾添加值, 返回添加后的数组长度
        var arr = new Array(1, 2, 3, 4, 5);
        var len = arr.unshift(7, 9);
        console.log(len, arr); // array.unshift() 在数组开头添加值 ,返回添加后的数组长度 ,与array.push()相反

        // 删除数组中的值
        var arr = new Array(1, 2, 3, 4, 5);
        var val = arr.pop();
        console.log(val, arr); // 删除数组中末尾的值 返回删除的值
        var arr = new Array(1, 2, 3, 4, 5);
        var val = arr.shift();
        console.log(val, arr); // 删除数组中开头的值 返回删除的值 与pop()相反

        // 数组转换字符串
        var arr = new Array(1, 2, 3, 4, 5);
        var str = arr.join('-'); // 间隔的字符串,默认为“,”
        console.log(str); // 1-2-3-4-5

        // 数组排序
        var arr = new Array(1, 2, 3, 4, 5);
        arr.reverse(); // 反转排序
        console.log(arr) // [5, 4, 3, 2, 1]
        var arr = new Array(1, 2, 3, 4, 5, 59, 6);
        arr.sort();
        console.log(arr); // 输出 [1, 2, 3, 4, 5, 59, 6] 注意:sort()默认是转换字符串再排序 所以按照数字大小排序不正确
        // 正确方法 写比较函数
        arr.sort(function (a, b) {
            return a - b
        }); // 升序
        console.log(arr); // 输出 [1, 2, 3, 4, 5, 6, 59]
        arr.sort(function (a, b) {
            return b - a
        }); // 降序
        console.log(arr); // 输出[59, 6, 5, 4, 3, 2, 1]

        // 连接数组
        var arr1 = [1, 2, 3];
        var arr2 = [4, 5, 6];
        var arr3 = [7, 8, 9];
        var arr = arr1.concat(arr2, arr3, [10, 11]);
        console.log(arr); // 输出 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

        // 已有数组中返回选定元素
        var arr = new Array(1, 2, 3, 4, 5);
        var arr2 = arr.slice(2);
        // 第一个参数 start 开始选取的index 下标值 2为第三个值(0,1,2) 数字3开始 end 为可选 默认为到数组的末尾
        console.log(arr2); // 输出 [3, 4, 5]
        // 注意 end 参数为 该参数是数组片断结束处的数组下标 4 为 数字5的下标 截取5之前,也可以理成截取到end-1
        var arr2 = arr.slice(2, 4);
        console.log(arr2); // 输出 [3, 4]  不是[3,4,5]
        // 截取开始为负数
        var arr2 = arr.slice(-2, 4);
        // 如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
        //  也可以转换成 数组长度(5)加 负数的值 (-2) 相当于arr.slice(3,4);
        console.log(arr2); // 输出 [4]

        // splice()实现 删除 插入 替换数组
        // 删除
        var arr = new Array(1, 2, 3, 4, 5);
        var arr2 = arr.splice(1, 2); // 删除开始下标为1的值(2)开始的2个值 (2和3) 返回删除的值
        console.log(arr, arr2); // 输出 [1, 4, 5] [2, 3]
        // 插入
        var arr = new Array(1, 2, 3, 4, 5);
        var arr2 = arr.splice(1, 0, 11, 111); // 在下标为1的值(2)之前插入值 ,参数第二个为0不删除,插入11,111
        console.log(arr, arr2); // [1, 11, 111, 2, 3, 4, 5] [] arr2返回为空数组 因为不删除
        // 替换
        var arr = new Array(1, 2, 3, 4, 5);
        var arr2 = arr.splice(1, 2, 11, 111); // 在下标为1的值(2)之前替换值 ,参数第二个为2删除2个值,再插入11,111
        console.log(arr, arr2); // [1, 11, 111, 4, 5] [2, 3] // 也就是 先删除再添加

        // 查找值所在的下标
        var arr = new Array(1, 2, 3, 4, 5, 6, 7, 3);
        var index = arr.indexOf(3);
        console.log(index); // 返回2 检测第一个3出现的位置
        var index = arr.indexOf(3, 4); // 第二个参数 开始下标的值
        console.log(index); // 返回7 检测第下标为4开始(数字5开始) 第一个3出现的位置
        var index = arr.indexOf(10);
        console.log(index); // 返回-1 为查找到 返回-1
        // 末尾就开始查找lastIndexOf()
        var index = arr.lastIndexOf(3);
        console.log(index); // 返回7
        // indexof() lastIndexOf() 低版本浏览器不兼容
    </script>
</body>

</html>
上一篇:JS 匿名函数的使用、传参及赋值
下一篇:JS Math对象常用方法