一起來瞭解javascript數組的方法

Posted on by

1、push

在數組末尾添加一個或者多個元素

		var arr = [1,2,3,4];
        arr.push(5);
        console.log(arr);// [1, 2, 3, 4, 5]
        arr.push(6,7);
        console.log(arr);//[1, 2, 3, 4, 5, 6, 7]

2、pop

數組末尾刪除一個，並返回刪除的元素

		var arr = [1,2,3,4];		
		console.log(arr.pop());// 4
        console.log(arr); // [1,2,3]

3、unshift()

數組頭部添加一個或者多個元素，返回添加後的數組長度

var arr = [4,5,6,7];arr.unshift(2,3)        console.log(arr); // [2, 3, 4, 5, 6, 7]        arr.unshift(1)        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]		var arr = [4,5,6,7];
		arr.unshift(2,3)
        console.log(arr); // [2, 3, 4, 5, 6, 7]
        arr.unshift(1)
        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]

4、shift()

頭部刪除一個元素，返回這個被刪除的元素

		var arr = [4,5,6,7];
		console.log(arr.shift()); //4
        console.log(arr); //[5, 6, 7]

5、concat()

數組合並， 不會改變原數組

		var abb = [1,2,3]
        var arr = [4,5,6,7];
        console.log(abb.concat(arr)); // [1, 2, 3, 4, 5, 6, 7]

6、reverse()

數組翻轉、會改變原數組

		var arr = [1,2,3];
		console.log(arr.reverse()); // [3, 2, 1]
        console.log(arr); // [3, 2, 1]

7、sort( )

對數組進行從小到大的排序、會改變原數組

        var arr = [1,3,8,2,5]
		console.log(arr.sort()); // [1, 2, 3, 5, 8] 默認是從小到大排序
		arr.sort(function fn(a,b){ // 升序
            return a-b
        })
        console.log(arr); // [1, 2, 3, 5, 8]
        arr.sort(function fn(a,b){ // 降序
            return b-a
        })
        console.log(arr); // [8, 5, 3, 2, 1]

8、join()

把數組轉換為字符串、不會改變原數組

		var arr = [1,2,3,4,5]
        console.log(arr.join()); // 1,2,3,4,5  默認是以逗號分割
        console.log(arr.join('-')); // 1-2-3-4-5 可以在括號內定義用什麼分割
        console.log(arr); // [1, 2, 3, 4, 5]

9、slice()

數組截取、不會改變原數組

        console.log(arr.slice(4)); // [5] 從下標為4的位置開始到最後一個結束 
        console.log(arr.slice(2,4));// [3, 4] 從下標為2的位置開始到4結束、但不包括下標為4 的值
        console.log(arr); // [1, 2, 3, 4, 5]

10、splice()

刪除、插入、會改變原數組

        var arr = [1,2,3,4,5,6,7]
        // 刪除
        console.log(arr.splice()); // [] 沒穿參數返回空數組
        console.log(arr.splice(4)); //  [5, 6, 7] 從下標4開始刪除到末尾，返回被刪除的值
        console.log(arr.splice(4,2));// [5, 6] 第二個參數是刪除多少
        console.log(arr);
		// 插入
		// 第一個參數是從什麼位置開始，第二個是移除幾個，第三個以後是添加的內容
		console.log(arr.splice(1,0,3));// [] 返回空數組
        console.log(arr); // [1, 3, 2, 3, 4, 5, 6, 7] 
        console.log(arr.splice(1,0,3,4));// [1, 3, 4, 2, 3, 4, 5, 6, 7]

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容! 

推薦閱讀：