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

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR  ?

※自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

※廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

您可能也會喜歡…