陣列的常用方法

2022-07-07 13:00:18 字數 3376 閱讀 8743

l  陣列中的增刪改,有乙個陣列var list=[ 「a」,「b」,「c」,「d」 ]

在陣列尾部新增乙個或多個元素,多個元素用逗號隔開

l  push();方法,返回值為新增元素後陣列的長度,會影響原陣列(長度)

list.push(999);表示在list陣列後新增乙個第四個元素,內容為999

在陣列的頭部新增乙個或多個元素

l  unshift();方法返回值為新增元素後陣列的長度,會影響原陣列(長度)

list.unshift(1,2);表示在list陣列前新增兩個元素,內容分別為12和2

刪除陣列尾部的元素

l  pop();方法,返回值為被刪除的元素,會影響原陣列(長度)

list.pop();表示刪除陣列尾部的元素

刪除陣列頭部的元素

l  shift();方法,返回值為被刪除的元素,會影響原陣列(長度)

list.shift();表示刪除陣列頭部的元素

l  splice()方法

l  splice(startinsdex,length);刪除,startinsdex表示起使下標,刪除length個元素

list.splic

(1,2);表示自下標為1的位置開始,刪除後面的兩個元素,返回值為被刪       除的陣列,會影響原陣列

最終結果為[ 「a」,「d」 ]

l  splice(startinsdex,0,arr1,arr2...arrn);新增,startinsdex表示起使下標,0表示不刪除元素

list.splic

(1,0,「hello」);表示自下標為1的位置開始,新增乙個或多個元素,返回值       為空陣列,因為被刪除的陣列,會影響原陣列

最終結果為[ 「a」,「hello」,「b」,「c」,「d」 ]

l  splice(startinsdex,length,arr1,arr2...arrn);修改,startinsdex表示起使下標,刪除length個元素,新增arr1...元素

list.splic

(1,2,「hello」,「world」);表示自下標為1的位置開始,刪除後面的兩個元       素,並新增兩個元素hello和world,返回值為被刪除的陣列,會影響原陣列

最終結果為[ 「a」,「hello」,「world」,「d」 ]

l  reverse();方法,表示陣列反轉,返回值為反轉後的原陣列,會改變原陣列

最終結果為[ 「d」,「c」,「b」,「a」 ]

l  slice(startinsdex,endinsdex);方法,表示陣列的裁切,startinsdex表示起始下標,endinsdex表示終止下標,返回值為被裁切的元素形成的新陣列,不會改變原陣列

list.slice(1,3);表示裁切下標為1到小於小於下標為3之間的元素,如果不傳入參       數,會使用預設值,得到乙個與原陣列相同的新陣列,相當於複製了乙個原陣列。不會   影響原陣列

[ 「b」,」c」 ]

l  concat();方法,表示陣列的拼接,將多個陣列或元素拼接形成乙個新的陣列,不會影響原陣列,如果拼接的是陣列,則會將陣列展開,再把該陣列中的每乙個元素放在新陣列中,如果是其他型別,會直接將其放在新陣列中,不會改變原陣列。如果不傳引數會得到乙個與原陣列相同的新陣列。不會影響原陣列

list.concat(arr,brr,「hello」);表示list陣列拼接陣列arr和brr,也可以拼接元素

l  includes();方法,表示判斷陣列中是否存在某個元素,如果存在返回true,反之則為false,注意此方法是es6新增的,存在相容問題。不會影響原陣列

list.includes(「a」);返回值為true;

l  indexof();方法,表示返回某個元素在陣列中第一次出現的位置,如果存在該元素會返回下標,如果不存在會返回-1;可以通過返回值來變相判斷是否存在該元素。此方法是屬於es5的方法。不會影響原陣列

list.indexof(「a」);返回值為1。

l  join(char);用特定的字元,將陣列拼接形成字串,不會影響原陣列

list.join(「-」);輸出結果為a-b-c-d,如果需要輸出結果為abcd,就可以將引數改為       空字串,如果不傳入引數,缺省會使用逗號(,)拼接。

l  sort();方法,表示將從小到大的順序元素排列,會影響原陣列,其中有兩種用法

根據字元在ascii碼表的位置進行排序,為sort方法的預設排序方式,返回值為              排序後的原陣列,會改變原陣列

list.sort(function (a,b));

l  foreach();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式

list.foreach(function (item,index,array))

l  map();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式,根據**函式的返回值生成乙個新的陣列,最後輸出的值為乙個元素只有」1「的新陣列,長度則為list的長度

list.map(function())

l  filter();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式,**函式返回乙個條件,把滿足條件的元素篩選出來放到新陣列中

list.filter(function (item,index,array))

l  some();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式,**函式返回乙個條件,只要有乙個元素滿足條件,就返回true,都不滿足就返回false,可以判斷陣列中是否存在滿足某個條件的元素

list.some(function (item,index,array))

l  every();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式,**函式返回乙個條件,全都滿足返回true,只要有乙個不滿足,就返回false。

list.every(function (item,index,array))

l  reduce();方法,表示遍歷陣列,每次迴圈中執行傳入的**函式,**函式會返回乙個值,將該值作為初始值prev,傳入到下一次函式中,prev為初始值,也可以通過reduce的第二個引數設定初始值(紅色字型),如果不設定初始值預設是陣列中的第乙個元素,遍歷時從第二個元素遍歷,返回值為最終求取結果

list.reduce(function (prev,item,index,array),0)

l  reduceright();方法,用法與reduce一樣,只不過是從右往左

list.reduce(function (prev,item,index,array))

偽陣列l  又稱類陣列,表示有陣列的特性(length,下標取值,可以被迴圈遍歷,不建議用fo...in,使用for...in雖然可以被遍歷,但是會多出一些屬性),但是不能使用陣列的方法(push(),concat()等方法)

l  如果需要使用陣列的方法,就可以將偽陣列轉化為真陣列

array.from

();//表示接收乙個偽陣列,返回對應的真陣列

陣列的常用方法

push 在陣列的末尾增加乙個或多個元素,並返回陣列的新長 console.log arr.push x x x 9 arr.push 2 2 會被當做一項 即 arr 6 是 2 filter 過濾組成員,滿足條件組成新陣列 定義個陣列 1,2,3,4,5 return index 2 0 返回 ...

陣列的常用方法

1,陣列的頭尾操作 陣列的頭尾操作常見的四種 pop push shift unshift。pop 的使用方法 刪除陣列的最後一項,只能刪除後最後一項,無法刪除多項。能夠返回被刪除的元素。push 的使用方法 在陣列的尾部新增項,可以新增乙個也可以以新增多個。返回值是陣列的新長度。shift 的使用...

常用陣列的方法

let arr 3,5,8,1,2,3,5,6,7,1,5,6,7,8,9 console.log arr.flat console.log arr.flat 2 console.log arr.flat infinity 不改變原陣列 arr.length 0 清空陣列 console.log a...