javascript數組使用實例分析

這篇文章主要講解了“javascript數組使用實例分析”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“javascript數組使用實例分析”吧！

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]

感謝各位的閱讀，以上就是“javascript數組使用實例分析”的內容了，經過本文的學習后，相信大家對javascript數組使用實例分析這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！