操作數組的六大常用方法


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        /* 操作數組的常用方法: */
        var arr = [10, 20];

        /* [1] 在數組的后面添加元素  arr.push(ele1,ele2...) */
        arr.push(30);
        arr.push(40, 50, 60)

        /* [2] 在數組的前面添加元素  arr.unshift(ele1,ele2...)*/
        arr.unshift(3);
        arr.unshift(88, 888);
        console.log(arr);

        /* [3] 刪除數組中最后一個元素 */
        arr.pop();
        console.log(arr);

        /* [4] 刪除數組中第一個元素 */
        arr.shift();
        console.log(arr);

        /* [5] 合並數組的方法 */
        /* 語法:arr.concat(ele1|arr,ele2...) */

        var arr1 = ["熊大", "熊二"];
        var arr2 = ["佩琪", "喬治"];
        console.log(arr1);
        console.log(arr2);
        var arr3 = arr1.concat(arr2);
        console.log(arr3);
        var arr4 = arr1.concat(arr2, [100, 200], "毛毛", "吉吉"); //["熊大", "熊二", "佩琪", "喬治", 100, 200, "毛毛", "吉吉"]
        console.log(arr4);

        /* [6] 截取數組的方法 */
        /* 語法:arr.slice(startIndex,endIndex) */
        /* 注意: */
        /* (1) 該方法可以只傳遞一個參數,表示從這個位置開始截取直到數組的末尾 */
        /* (2) 如果沒有傳遞任何參數,那么表示截取整個數組 */
        var data = ["熊大", "熊二", "佩琪", "喬治", 100, 200, "毛毛", "吉吉"];
        var res1 = data.slice(1, 4); // ["熊二", "佩琪", "喬治"]
        var res2 = data.slice(1);
        var res3 = data.slice();
        console.log(res3);
    </script>
</body>

</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM