【JavaScript 數組】數組（Array）相關API

JavaScript的 Array 對象是用於構造數組的全局對象，數組是類似於列表的高階對象。

變異方法(修改原有數據)
push()
pop()
shift()
unshift()
splice()
sort()
reverse() 替換數組（生成新的數組）
filter()
concat()
slice()

準備一個數組

var lists= ['1','2','3','5','67','56','23'];
console.log("原數組"+lists);

• push() 方法將一個或多個元素添加到數組的末尾，並返回該數組的新長度。

lists.push('1st');
console.log("push的新數組"+lists);

• pop()刪除數組末尾的元素，此方法更改數組的長度。並返回該元素的值。

lists.pop()
console.log("pop的新數組"+lists);

• shift() 刪除數組最前面（頭部）的元素，並返回該元素的值。此方法更改數組的長度。

lists.shift();
console.log("shift的新數組"+lists);

• unshift()方法將一個或多個元素添加到數組的開頭，並返回該數組的新長度(該方法修改原有數組)。

lists.unshift('head')
console.log("unshift的新數組"+lists);

• splice() 方法通過刪除或替換現有元素或者原地添加新的元素來修改數組,並以數組形式返回被修改的內容。此方法會改變原數組。

lists.splice(0,1) //從索引0開始，刪除一個元素
console.log("splice1的新數組"+lists);
lists.splice(0,2)//從索引0開始，刪除兩個元素
console.log("splice2的新數組"+lists);
lists.splice(1,1)//從索引1（第二個元素）開始，刪除一個元素
console.log("splice3的新數組"+lists);
lists.splice(1,0,'Jerry');
 //從索引1（第 2 位）開始刪除 0 個元素，插入“Jerry”
console.log('splice添加數據到數組'+lists);
lists.splice(1,1,'TOM'); 
//從索引1（第 2 位）開始刪除 1 個元素，插入“TOM”
console.log('splice添加數據到數組'+lists);

• sort() 方法用原地算法對數組的元素進行排序，並返回數組。

lists.sort();
console.log('sort得到數組'+lists);

var lists2 = ['1','4','0','aj','jerry','-8','89']
console.log('lists2原數組：'+lists2);
lists2.sort();
console.log('lists2sort：'+lists2); 

• reverse()方法將數組中元素的位置顛倒，並返回該數組。數組的第一個元素會變成最後一個，數組的最後一個元素變成第一個。該方法會改變原數組。

var lists2 = ['1','4','0','aj','jerry','-8','89']
console.log('lists2原數組：'+lists2);
lists2.sort();
console.log('lists2sort：'+lists2); 

• filter()方法創建一個新數組, 其包含通過所提供函數實現的測試的所有元素。 不會改變原數組，它返回過濾後的新數組。

var result=lists.filter((item)=>{
    return item>10   //值大於10的元素
});
console.log(result);

• concat()方法用於合併兩個或多個數組。此方法不會更改現有數組，而是返回一個新數組。

var lists3 = ['bannar','apple','pear']
var newArr = lists.concat(lists3);
console.log('新數組'+newArr);

• slice()方法返回一個新的數組對象，這一對象是一個由 begin 和 end 決定的原數組的淺拷貝（包括
  begin，不包括end）。原始數組不會被改變。

var result = lists.slice(2); //end被省略從索引2開始提取到末尾
console.log('從索引2開始提取到末尾：'+result)
var result = lists.slice(2,5);
 //從索引2開始提取到索引5（不包括索引5的值）
console.log('從索引2開始提取到索引5：'+result);

更多方法