javascript之數組操做

全部我遇到過的javascript之數組操做方法,直接上代碼:javascript

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>javascript之數組操做</title>
    </head>

    <body>
        javascript之數組操做
    </body>
    <script>
        /**
         * push() 添加到末尾
         * unshift() 添加到開始
         * shift() 移除最前一個元素
         * pop() 移除最後一個元素
         * splice() 刪除從指定位置deletePos開始的指定數量deleteCount的元素,數組形式返回所移除的元素
         * slice(start, [end]); 截取
         * concat()合併
         * reverse() 反轉元素(最前的排到最後、最後的排到最前)
         * sort() 對數組元素排序
         * join() 合併成字符
         * split() 拆分紅數組
         */

        //添加元素
        var array31 = [5, 8];
        //添加到末尾
        array31.push(9);
        var len = array31.push(10, 11);
        console.log("長度爲:" + len + "——" + array31);
        //添加到開始
        array31.unshift(4);
        var len = array31.unshift(1, 2, 3);
        console.log("長度爲:" + len + "——" + array31);
        //添加到中間
        var len = array31.splice(5, 1); //從第5位開始插入,刪除第5位後的1個元素,返回被刪除元素
        console.log("被刪除:" + len + "——" + array31);

        //截取和合並
        var array51 = [1, 2, 3, 4, 5, 6];
        var array52 = [7, 8, 9, 0, "a", "b", "c"];
        //截取,切片
        var array53 = array51.slice(2); //從引號爲2元素開始截取到最後
        console.log("被截取:" + array53 + "——" + array51);
        var array54 = array51.slice(1, 4); //從引號爲1開始截取到索引號爲4的元素()
        console.log("被截取:" + array54 + "——" + array51);
        //合併
        var array55 = array51.concat(array52, ["d", "e"], "f", "g");
        console.log("合併後:" + array55);

        var array70 = [4, 5, 6, 1, 2, 3];
        var array71 = [4, 5, 6, 1, 2, 3];
        array71.sort();
        console.log("sort排序後:" + array71);
        array70.reverse();
        console.log("reverse排序後:" + array70);
        var array72 = [{
            name: "tom",
            age: 19
        }, {
            name: "jack",
            age: 20
        }, {
            name: "lucy",
            age: 18
        }];
        array72.sort(function(user1, user2) {
            return user1.age < user2.age;
        });
        console.log("排序後:");
        for(var i in array72) console.log(array72[i].name + "" + array72[i].age);

        //合併成字符
        var array81 = [1, 3, 5, 7, 9];
        var ids = array81.join(">");
        console.log(ids);

        //拆分紅數組
        var text = "hello nodejs and angular";
        var array82 = text.split(" ");
        console.log(array82);
        
    </script>

</html>

執行效果:html

相關文章
相關標籤/搜索