js數組方法大全（上）

# js數組方法大全（上）

記錄一下整理的js數組方法，省得每次要找方法都找不到。圖片有點多，注意流量，嘻嘻！

本期分享

• join()
• reverse()
• sort()
• concat()
• slice()
• splice()
• push()
• pop()
• unshift()
• shift()
• toString()
• toLocaleString()

下期分享

• forEach()
• map()
• filer()
• every()
• some()
• reduce()
• reduceRight()
• indexOf()
• lastIndex()
  

join() --->用指定分割符將數組轉爲字符串

• 使用熱度：經常使用
• 是否改變原始數組：否
• 返回：按指定字符串進行分割後的字符串
• 參數：

參數位置	參數類型	是否必選	做用
1	string	否	將數組轉爲字符串，並用指定字符進行分割

• 說明：不傳入參數的話，將數組元素轉爲字符串，並用逗號進行分割
• 實例以下：

var log=console.log;
var a=[1,2,3];
log(a.join());
log(a.join(" "));
log(a.join(""));
var b = new Array(10);
log(b.join('-'))

reverse() --->將數組元素顛倒

• 使用熱度：不經常使用
• 是否改變原始數組：是
• 返回：將數組中的元素顛倒順序，返回逆序的數組。
• 參數：無
• 實例以下：

var log=console.log;
var a=[1,2,3];
a.reverse();
log(a);

sort() --->按指定要求對數組進行排序

• 使用熱度：不經常使用
• 是否改變原始數組：是
• 返回：返回排序後的數組
• 參數：

參數位置	參數類型	是否必選	做用
1	function	否	函數的兩個參數分別是數組對應的兩個元素，函數返回大於0，則第一個參數排在前面。函數返回一個小於0的數，則第一個參數排在後面。函數返回0，表明這兩個參數的排序可有可無。

• 說明：不傳入參數的時候，會將數組元素按字母表排序並返回，若是元素非字符串，將會臨時轉爲字符串進行比較，若是元素中有undefined，則會甩到最後面。
• 實例以下：

var log=console.log;
var a=[,'a','b',true];
a.sort()
log(a)
var b=[3,7,4,4,2]
b.sort(function(i,j){
    return i-j
})
log(b)

concat() --->將數組和其餘元素合併返回新的數組

• 使用熱度：經常使用
• 是否改變原始數組：否
• 返回：返回一個合併了的新數組
• 參數：

參數位置	參數類型	是否必選	做用
1+	*	否	將原始數組的每一個元素和每一個參數合併到一個新的數組並返回

• 說明：若是參數中有數組，這將數組拆分合並，而不是直接合並數組自己，可是不遞歸扁平化數組的數組。
• 實例以下：

var log=console.log;
var a=[1,2,3];
var b=a.concat(4,5,6,[7,8,[9,10]]);
log(a);
log(b);

slice() --->截取數組一段進行返回

• 使用熱度：經常使用
• 是否改變原始數組：否
• 返回：一個數組的一個片斷或者子數組
• 參數：

參數位置	參數類型	是否必選	做用
1	number	是	用來指定要返回的數組片斷開始位置
2	number	否	用來指定要返回數組的結束位置，如不指定，則表示返回到數組末尾

• 說明：若是參數是一個負數，則從數組倒數開始和結束。
• 實例以下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b =a.slice(1)
log(b)
var c=a.slice(1,-1)
log(c)
var d=a.slice(-3,-1)
log(d)

splice() --->刪除或者替代數組指定區域

• 使用熱度：常常用
• 是否改變原始數組：是
• 返回：刪除的數組，若是未刪除則返回空數組
• 參數：

參數位置	參數類型	是否必選	做用
1	number	是	用來指定插入或者刪除的起始位置
2	number	否	指定要刪除或者替代數量，若是不指定，這會刪除全部
3+	*	否	替代的元素

• 實例以下：

var log=console.log;
var a=[1,2,3,4,5,6,7,8,9];
var b=a.splice(8);
log(a);
log(b);

var c=a.splice(5,1);
log(a);
log(c);

var d=a.splice(2,2,'a',[33,44]);
log(a);
log(d)

push() --->在數組元素後面增長元素

• 使用熱度：頻繁使用
• 是否改變原始數組：是
• 返回：新數組的長度
• 參數：

參數位置	參數類型	是否必選	做用
1+	*	否	在數組末尾增長一個或多個數組元素

• 說明：在數組末尾增長一個元素
• 實例以下：

var log=console.log;
var a=[1,2,3];
var b=a.push()
log(a)
log(b)

var c=a.push(4,5,6);
log(a)
log(c)

pop() --->刪除數組元素後面的一個元素

• 使用熱度：不經常使用
• 是否改變原始數組：是
• 返回：被刪除的數組
• 參數:無
• 說明：刪除數組末尾的一個元素
• 實例以下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b=a.pop()
log(a)
log(b)

unshift() --->在數組前面增長元素

• 使用熱度：經常使用
• 是否改變原始數組：是
• 返回：新數組的長度
• 參數：

參數位置	參數類型	是否必選	做用
1+	*	否	在數組頭部增長一個或多個數組元素

• 說明：當使用多個參數調用unshift方法的時候它的行爲使人驚訝。參數是一次性插入的（就像splice方法)，而非一次一個插入。這意味着最終的數組中插入的元素的順序和他們在參數列表中的順序一致。而假設元素是一次一個的插入。他們的順序應該是反過來的。
• 實例以下：

var log=console.log;
var a=[1,2,3];
var b=a.unshift()
log(a)
log(b)

var c=a.unshift(4,5,6);
log(a)
log(c)

shift() --->刪除數組第一個元素

• 使用熱度：不經常使用
• 是否改變原始數組：是
• 返回：被刪除的數組
• 參數:無
• 說明：刪除數組末尾的一個元素
• 實例以下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b=a.shift()
log(a)
log(b)

toString --->將數組轉爲字符串

• 使用熱度：經常使用
• 是否改變原始數組：否
• 返回：數組字符串
• 參數：無
• 說明：輸出不包括方括號或者其餘任何形式的包裹數組值的分隔符；此方法與不使用任何參數調用join方法返回的字符串同樣。
• 實例以下：

var log=console.log;
var a=["a",2,{"b":"c"},["d"]];
var b=a.toString()
log(a)
log(b)

toLocaleString() --->將數組使用本地化的方式轉爲字符串

• 使用熱度：不經常使用
• 是否改變原始數組：否
• 返回：
• 參數：

參數位置	參數類型	是否必選	做用
1	string/array	否	縮寫語言代碼(BCP 47 language tag,例如:cmn-Hans-CN)的字符串或者這些字符串組成的數組
2	string/object	否	對字符串或數組處理的方式

• 說明：在舊的瀏覽器實現中，會忽略這兩個參數，使用的語言環境和返回的字符串的形式徹底取決於實現方式。
• 實例以下：

var log=console.log
var a = [111,222,333];
var b=a.toLocaleString('ar-EG')
var c=a.toLocaleString('zh-Hans-CN-u-nu-hanidec')
log(a);
log(b);  
log(c);