JS數(shù)組中常用方法

1、push()
功能: push從數(shù)組尾部添加元素,返回新的數(shù)組

var arr = [1, 2, 3];
arr.push(4, 5);// =>arr:[1, 2, 3, 4, 5]

2、pop()
功能:返回最后一個(gè)元素

 var arr = [1, 2, 3, 4, 5];
 app.pop();// =>arr:[1, 2, 3, 4]

3、unshift()
功能:類似push(),不同的是unshift()是從數(shù)組的頭部插入

  var arr = [1, 2, 3, 4];
  arr.unshift(-1, 0);// =>arr:[-1, 0, 1, 2, 3, 4]

4、shift()
功能:類似于pop(),不同的是shift()是從數(shù)組的頭部刪除;

  var arr = [1, 2, 3, 4];
  arr.shift();// =>arr:[2, 3, 4]

5、join()
功能:將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起。

  var arr = [1, 2, 3, 4];
  arr.join();// => '1,2,3,4'
  arr.join('|');// => "1|2|3|4"

6、reverse()
功能:將數(shù)組中的元素顛倒順序。

  var arr = [1, 2, 3];
  arr.reverse();// =>[3, 2, 1]

7、sort()
功能:將數(shù)組中的元素進(jìn)行排序

   var arr = [111, 22, 3, 444];
   arr.sort();// =>arr:[111, 22, 3, 444]

  arr.sort(function(a, b) {
      return a - b;
  });// =>arr:[3, 22, 111, 444]

  arr.sort(function(a, b) {
      return b - a;
  });// =>arr:[444, 111, 22, 3]

8、concat()
功能:數(shù)組拼接(移動(dòng)端列表上劃刷新可用到)

  var arr = [1, 2, 3];
  arr.concat(4, 5) // =>[1, 2, 3, 4, 5]

9、slice()
功能:獲取原數(shù)組的片段或子數(shù)組
參數(shù):數(shù)組的開始和結(jié)束;如果為負(fù)數(shù),表示相對(duì)于數(shù)組中最后一個(gè)元素的位置
注意:新建的數(shù)組,原數(shù)組不改變。

  var arr = [1, 2, 3, 4, 5];
  arr.slice(0, 3);// =>[1, 2, 3]
  arr.slice(3);// =>[4, 5]
  arr.slice(1, -1);// =>[2, 3, 4]
  arr.slice( -1);// =>[5]  獲取數(shù)組最后一項(xiàng)

10、splice()
功能:從數(shù)組中刪除元素、插入元素到數(shù)組中或者同時(shí)完成這兩種操作。
參數(shù):第一個(gè)參數(shù)為指定插入或刪除的起始位置,第二個(gè)參數(shù)為要?jiǎng)h除的個(gè)數(shù)。之后的參數(shù)表示需要插入到數(shù)組中的元素
注意:新建了一個(gè)數(shù)組,并修改了原數(shù)組

  var arr = [1, 2, 3, 4, 5, 6, 7, 8];
  arr.splice(4) // =>[5, 6, 7, 8]; arr: [1, 2, 3, 4]
  arr.splice(2, 0, 'a', 'b') // =>[]; arr: [1, 2, a, b, 3, 4]

11、toString()和toLocaleString()
功能:將數(shù)組的每個(gè)元素轉(zhuǎn)化為字符串,并且輸入用逗號(hào)分隔的字符串列表,功能類似join();

  [1, 2, 3].toString(); // =>'1,2,3'

12、forEach()
功能:遍歷數(shù)組
參數(shù):數(shù)組元素、元素的索引、數(shù)組本身

   var data = [1, 2, 3, 4, 5];
   var newdata = []
   data.forEach(item => {
     newdata.push(item + 1)
   })
   console.log(newdata)  //[2, 3, 4, 5, 6]

13、map()
功能:調(diào)用的數(shù)組的每一個(gè)元素傳遞給指定的函數(shù),并返回一個(gè)新數(shù)組
var arr = [1, 2, 3];
var b = arr.map(item => {return item +1 }) // b = [2, 3, 4]

14、filter()
功能 :過(guò)濾,原數(shù)組不會(huì)改變

var a = [5, 4, 3, 2, 1];
var newArr = a.filter(x => {return x<3 }) // newArr = [2, 1]

15、every()
功能:對(duì)數(shù)組元素判斷,所有元素成立為true

var arr = [1, 2, 3, 4, 5];
arr.every(x => {return x > 3}) //false

16、some()
功能:對(duì)數(shù)組元素判斷,只要有一個(gè)元素成立為true

var arr = [1, 2, 3, 4, 5];
arr.some(x => {return x > 3}) //true

17、indexOf 和 lastIndexOf()
功能:搜索整個(gè)數(shù)組中具有給定值得元素,返回找到的第一個(gè)元素的索引或者如果沒(méi)有找到就返回-1.lastIndexOf為反向搜索。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Javascript有很多數(shù)組的方法,有的人有W3C的API,還可以去MDN上去找,但是我覺(jué)得API上說(shuō)的不全,M...
    頑皮的雪狐七七閱讀 4,494評(píng)論 0 6
  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,565評(píng)論 0 13
  • JS中的內(nèi)置對(duì)象有:String,Array,Math,Date。今天我們來(lái)詳解一下數(shù)組的創(chuàng)建及其方法。 數(shù)組的創(chuàng)...
    我向你奔閱讀 475評(píng)論 0 1
  • 由于最近都在freecodecamp上刷代碼,運(yùn)用了很多JavaScript數(shù)組的方法,因此做了一份關(guān)于JavaS...
    2bc5f46e925b閱讀 2,177評(píng)論 0 16
  • 秋風(fēng)卷盡了夏日 天空零落下的 是秋雨 還是夏的眼淚 在風(fēng)中搖曳著的 不是楓葉 應(yīng)是孤獨(dú)吧 若不是 又怎會(huì)落在我的肩...
    張宇涵閱讀 249評(píng)論 0 4

友情鏈接更多精彩內(nèi)容