javascript處理陣列方法
阿新 • • 發佈:2020-12-30
1.棧方法
push()從陣列末尾新增
例:arr = [ 1,2,3 ]
arr.push(4)
console.log(arr) // [1,2,3,4]
pop()從陣列末尾移除
例:arr = [ 1,2,3 ]
arr.push()
console.log(arr) // [1,2]
2.轉換方法
join() 將陣列轉換為字串,且用分隔符分割
var colors = [1,2,3]; alert(colors.join("|")); // 1|2|3
3.佇列方法
unshift() 從陣列前端新增 例:arr = [2,3] arr.unshift(1) // [1,2,3] shift() 從陣列前端移除例:arr = [1,2,3] arr.unshift(1) // [2,3]
4.重排序方法
reverse() 反轉陣列 例: arr = [1,2,3] arr.reverse() //[3,2,1] sort() 排序 例: arr = [1,29,5,98] arr.sort((a,b)=>{ return b-a }) console.log(arr) // [98,29,5,1]
5.操作方法
1.concat() 用於複製或者從尾部新增–>建立新陣列 先建立一個當前陣列的副本,然後jiang將接到的陣列新增到末尾,返回新的陣列。如果沒有傳引數,直接複製返回新構建的陣列。 var values = [1,2,3]; var v1 = values.concat(); var v2 = values.concat(4); console.log(values); //[1,2,3] console.log(v1); //[1,2,3] console.log(v2); //[1,2,3,4]
2.slice() 用於複製或擷取陣列–>建立新陣列
擷取當前陣列的一部分建立一個新陣列。可以接受一個或者兩個引數,只有一個引數時返回指定位置到尾部的陣列。兩個引數時,返回指定位置到結束位置之前但不包括結束位置的陣列。
var values = [1,2,3]; var v1 = values.slice(); var v2 = values.slice(1); var v3 = values.slice(1,3); console.log(values); //[1,2,3] console.log(v1); //[1,2,3] console.log(v2); //[2,3] console.log(v3); //[2,3]
3.splice() 用於刪除、插入、替換,號稱最強大的陣列方法
刪除:可以刪除任意數量的項,需要兩個引數,要刪除的第一項的位置和要刪除的項數。
var values = [1,2,3,4,5,6]; var v = values.splice(0,2); console.log(values); //[3,4,5,6] console.log(v); //[1,2]
插入和替換:至少三個引數,第一個是起始位置,第二個是要刪除的項,第三個及以後shi yao是要插入或替換的值。
插入demo: var values = [1,2,3,4,5,6]; var v1 = values.splice(1,0,1,1,1); console.log(values); //[1,1,1,1,2,3,4,5,6] console.log(v1); //[] 替換demo: var values = [1,2,3,4,5,6]; var v1 = values.splice(1,2,1,1,1); console.log(values); //[1,1,1,1,4,5,6] console.log(v1); //[2,3]
6.位置方法
indexOf() 從頭找指定項的位置 var values = [1,2,3,4,5]; var v1 = values.indexOf(3); // 2 lastIndexOf() 從後往前查位置 var v2 = values.lastIndexOf(3); //2