1. 程式人生 > 程式設計 >一起來了解javascript陣列的方法

一起來了解javascript陣列的方法

目錄
  • 1、push
  • 2、pop
  • 3、unshift()
  • 4、shift()
  • 5、concat()
  • 6、reverse()
  • 7、sort( )
  • 8、join()
  • 9、slice()
  • 10、splice()
  • 總結

1、push

在陣列末尾新增一個或者多個元素

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

2、pop

陣列末尾刪除一個,並返回刪除的元素

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

3、unshift(vcXLntbV)

陣列頭部新增一個或者多個元素,返回新增後的陣列長度

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

4、shift()

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

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

5、concat()

數組合並, 不會改變原陣列

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

6、reverse()

陣列翻轉、會改變原陣列

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

7、sort( )

對陣列進行從小到大的排序、會改變原陣列

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

8、join()

把陣列轉換為字串、不會改變原陣列

		var arr = [1,5]
        console.log(arr.join()); // 1,5  預設是以逗號分割
        console.log(arr.join('-')); // 1-2-3-4-5 可以在括號內定義用什麼分割
        console.log(arr); // [1,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,5]

10、splice()

刪除、插入、會改變原陣列

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

總結

本篇文章就到這裡了,希望能夠給你帶來幫助,也希望您能夠多多關注我們的更多內容!