1. 程式人生 > 實用技巧 >javascript處理陣列方法

javascript處理陣列方法

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