# 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);  

相關推薦