1. 程式人生 > >js 陣列方法與遍歷

js 陣列方法與遍歷

陣列 API

1_arry.push()//把一個元素增加到陣列的末尾

2_arry.pop()//刪除陣列中最後一個元素(重複刪除後面的),返回值為刪除的元素

3_arry.unshift()//在陣列的前面新增元素

4_arry.shift()//刪除陣列前面的元素

5_arry.reverse()//把陣列反向排序,這裡要注意它會改變原來的陣列,而不會建立新的陣列

6_arr.sort()//排序:規則可自定
arr.sort((a, b) => a - b)//a-b升序,b-a降序

7_arry.join()//把陣列元素合併為一個字串,如果不帶引數,預設用逗號分隔

8_arry.splice(index, hm, add)//它既可以刪除特定的元素,也可以在特定位置增加元素,
//也可以刪除增加同時搞定,index是起始位置,hm是要刪除元素的個數,add是要增加的元素
// hm為0 表示不刪除任何元素,直接操作原陣列

9_arry.concat()//返回值為連線後的新陣列,原陣列不變

陣列遍歷API

1_every(): //每次遍歷結果返回true最後才返回true,其中有false則停止

        var arr = ["關長","張飛","趙龍","馬超","黃忠"];
        var flag= arr.every(function(element,index,arr){
            return true;//不寫return 返回undefined 所以boo為false
        });
        console.log(flag);

2_filter();//filter的返回值為每次返回true結果組成的新陣列

        var arr1 = arr.filter(function(element,index,arr){
            if(element.length>2){
                return true;
            }
            return false;
        });
        console.log(arr1)

3_foreach();//foreach 無返回值 純運算元組

        var str = "";
        arr.forEach(function(element,index,arr){
            str+=element;
        })
        console.log(str)

4_map();//無論遍歷中的返回值是什麼都新增到結果中

        var arr1 = arr.map(function(element,index,arr){
            return element+"hahah";
        });
        console.log(arr1)

5_some();//遍歷中返回值有一個true就返回true

        var flag = arr.some(function(element,index,arr){
            if(element=='黃忠')return true;
            return false;
        });
        console.log(flag)