操作数组的10个方法

时间：2020-06-16 14:47:24 收藏：0 阅读：51
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>操作数组的10个方法</title>
</head>

<body>
    <script type="text/javascript">
        /*
            方法一：shift()
            删除数组的第一个值，并返回删除后的第一个下标值
        */
        let data = [1, 2];
        data.shift();
        console.log(data);  // [2]

        /*
            方法二：concat()
            合并两个数组并返回一个新数组
        */
        let arr1 = [1, 2];
        let arr2 = [3, 4];
        let arr = arr1.concat(arr2);
        console.log(arr)  // [1, 2, 3, 4]


        /*
            方法三：join()
            用于将数组中的所有元素通过指定的字符串连接起来返回一个字符串
        */
        let joinData = [1, 2, 3]
        console.log(joinData.join(‘+‘))  // 1+2+3

        /*
            方法四：pop()
            删除数组的最后一个元素，并返回被删除的元素
        */
        let propData = [1, 2, 3]
        console.log(propData.pop())  // 3
        console.log(propData) //  [1, 2]

        /*
            方法五：push()
            向数组的末尾添加一个或多个元素，返回的是push后的长度
        */
        let pushData = [1, 2, 3]
        pushData.push(4)
        console.log(pushData) //  [1, 2, 3, 4]


        /*
            方法六：reverse()
            调到数组中元素的顺序
        */
        let reverseData = [1, 2, 3, 4];
        reverseData.reverse();
        console.log(reverseData)  //[4, 3, 2, 1]


        /*
            方法七：slice()
            可从已有的数组中返回选定的元素，slice(开始截取位置，结束截取位置)
            返回结果包含开始下标，不包含结束下标
            该方法不会改变原数组
        */
        let sliceData = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        console.log(sliceData.slice(3, 7)) // [4, 5, 6, 7]

        /*
            方法八：splice()
            从指定下标开始删除不同个数的元素，并声明一个或多个值来替换被删除的元素
        */
        let spliceData = [1, 2, 3, 4, 5]
        spliceData.splice(3, 1, { name: 100 }, ‘200‘)
        console.log(spliceData)  // [1, 2, 3, {…}, "200", 5]

        /*
            方法九：unshift()
            往元素开头添加一个或多个元素
        */
        let unshiftData = [1, 2, 3, 4, 5]
        unshiftData.unshift(0);
        console.log(unshiftData)  // [0, 1, 2, 3, 4, 5]


        /*
            方法十：sort()
            对数组元素进行排序，参数必须为函数
        */
        function sortNumber(a, b) {
            return a - b;
        }
        var sortData = [1, 50, 600, 3, 458, 65, 3254];
        console.log(sortData.sort())  // [1, 3, 3254, 458, 50, 600, 65]
        console.log(sortData.sort(sortNumber))  // [1, 3, 50, 65, 458, 600, 3254]



    </script>
</body>

</html>