js陣列方法整理

2021-09-01 12:28:05 字數 2212 閱讀 1767

js陣列方法介紹

增加:push:在陣列原有的基礎上的末尾,新增元素(改變當前陣列,返回乙個新的陣列)

var arr = [90, 5, 21, 80, 83, 1, 8, 17, 22];

arr.push(1)

arr.push('1','a')

arr.push([1,2]);

console.log(arr);//[90, 5, 21, 80, 83, 1, 8, 17, 22, 1, "1", "a", [1,2]]

concat和push的新增方法基本相同,都是向末尾新增內容

不同的是:

他不改變當前陣列的內容

無論新增的是乙個陣列,concat只返回乙個一維陣列,

push則是將新增的元素看成乙個整體新增進來

concat一般用於兩個一維陣列的合併工作,或者不想改變當前陣列的陣列,以便其他地方繼續呼叫當前陣列

var arr = [90, 5, 21, 80, 83, 1, 8, 17, 22];

arr.concat(1)

arr.concat('1','a')

arr.concat([1,2]);

console.log(arr)//原有陣列的陣列不發生改變,輸出[90, 5, 21, 80, 83, 1, 8, 17, 22]

console.log(arr.concat(1))//[90, 5, 21, 80, 83, 1, 8, 17, 22, 1]

console.log(arr.concat('1','a'))//[90, 5, 21, 80, 83, 1, 8, 17, 22, "1", "a"]

console.log(arr.concat([1,2]))//[90, 5, 21, 80, 83, 1, 8, 17, 22, 1, 2]

unshift新增到陣列首位,返回陣列長度,改變當前陣列的元素

var arr=["3","2","1"];

console.log(arr.unshift(1));//4

console.log(arr);//[1, "3", "2", "1"]

刪除:pop:刪除尾部元素,並返回陣列長度

var arr=[3,2,2,1];

arr.pop()

console.log(arr.pop());//2

console.log(arr);//[3,2]

shift:刪除頭部元素,並返回陣列長度

var arr=[3,2,2,1];

arr.shift()

console.log(arr.shift());//2

console.log(arr);//[2,1]

splice:刪除陣列裡面的元素,返回新的陣列

var arr=[3,2,2,1];

arr.splice(0,1)//0:需要改變的下標,1, 需要改變0後的幾個元素。從0開始刪除乙個元素

console.log(arr);//[2,2,1]

arr.splice(0,1,4)

console.log(arr);//0:需要改變的下標,1, 需要改變0後的幾個元素。2是替換第0下標下的元素 arr=[4,2,1]

slice用於陣列的擷取,原陣列的內容不發生改變

var arr=[3,2,2,1];

arr.slice(1);

arr.slice(1,3);

console.log(arr.slice(1,3));//[2,2]

console.log(arr.slice(1));//[2, 2, 1]

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

reverse

陣列調轉

sort陣列排序

arr.sort(function(x,y))公升序

arr.sort(function(x,y))降序

join是將陣列轉換成字串

var arr=[3,2,2,1];

arr.join(",");

console.log(arr)

console.log(arr.join(","))

[3, 2, 2, 1]

3,2,2,1

總結:不改變原陣列的方法

concat slice join

改變原陣列

pop shift unshift push splice reverse sort

JS陣列方法整理

array.push push 方法將乙個或多個元素新增到陣列的末尾,並返回該陣列的新長度 function arrpush arr,target var arry 1,4,2,0 console.log arrpush arry,8 array.concat concat 方法用於合併兩個或多個陣...

js 陣列方法整理

陣列物件可以儲存任何型別的資料,是乙個有序的集合 屬性 arr.length arr.length 陣列中資料的個數,可讀可寫 1 清空陣列 arr.length 0 2 擷取陣列 arr.length 比陣列的實際個數少 3 稀疏陣列 arr.length 比陣列中的實際個數多 說明 用於把陣列轉...

JS 陣列方法整理

組成 鍵值對構成的有序資料集合 屬性,值,方法 建立方法 建構函式 var arr new array 1,2 字面量 var arr 1,2 操作方法var demo 3 4 5 以下操作均以demo為例,方法之間不連續基本操作方法 demo 3 6 新增方法 delete demo 2 刪除方法...