js 中陣列的常用方法總結

2021-09-13 19:30:10 字數 2263 閱讀 9856

arr.fill('a');

//所有子元素 都改為 "a";

[,, ...array(8).fill({}, 0)]

//後面八個元素 全部用 {} 代替;

[,, ...array(8).fill({}, 0,5)]

//後面5 個元素用{}代替,其他是 undefined

arr.every(item=> item.age>20);

//如果陣列中所有元素的age >20 ,返回true,否則返回false;

arr.some(item=> item.age>20);

//如果陣列中有乙個元素的age >20 ,返回true,否則返回false;

findindex(),find( ) 和 filter()都是 匹配 item;

區別是 find 只找到第乙個就停止, find 返回的是 符合的item

filter 返回所有匹配的item組成的陣列;

findindex 返回的是 item的index;

lastindexof() ,indexof() 和 includes() 都是檢查是否存在某個item;

區別是  indexof 無法判斷nan ;includes 可以;
indexof 找不到返回 -1,找到返回index;

includes() 直接返回 true 或 false;

lastindexof() 從字元後面開始查詢,返回 最後乙個匹配的index,找不到 就返回 -1;

pop():刪除原陣列最後一項,並返回刪除元素的值;如果陣列為空則返回undefined,改變原陣列

shift:刪除原陣列第一項,並返回刪除元素的值;如果陣列為空則返回undefined,改變原陣列

unshift:將引數新增到原陣列開頭,並返回陣列的長度,改變原陣列

push:將引數新增到原陣列末尾,並返回陣列的長度,改變原陣列

concat:返回乙個新陣列,是將引數新增到原陣列中構成的,不改變原陣列;

splice() 方法向/從陣列中新增/刪除專案,然後返回被刪除的專案,該方法會改變原始陣列。

arr.splice(2,0,"a") 在index為2的位置,刪除0 個元素,插入 "a";

arr.splice(2,1,"a") 刪了index 為2 的元素,替換為 "a";

arr.splice(2,1,"a") 刪了index 為2 的元素;

陣列的增刪改 都可以用splice 完成;

slice(start,end):返回從原陣列中指定開始下標到結束下標之間的項組成的新陣列,該方法不會改變原始陣列。

var arr2 = arr.slice() ; 不傳值表示 轉殖了 arr2;

除了正常用法,slice 經常用來將 array-like 物件轉換為 true array。在一些框架中會經常有這種用法:

array.prototype.slice.call(arguments);//將引數轉換成真正的陣列.
reverse:將陣列反序

sort((a,b)=>a-b):按指定的引數對陣列進行排序 return a-b 公升序 b-a 降序

例如: var arr=[,,,,]

按照age 從小到大排序

arr = arr.sort(function (a,b) )

console.log(arr)

arr.join(';') 方法用於把陣列中的所有元素放入乙個字串,;隔開。

str.split(';') 字串轉陣列,以『;』區分;

arr.foreach(item=>{})

遍歷陣列,它不能停止迴圈;

reduce()

改變原陣列的:

shift:將第乙個元素刪除並且返回刪除元素,空即為undefined

unshift:向陣列開頭新增元素,並返回新的長度

pop:刪除最後乙個並返回刪除的元素

push:向陣列末尾新增元素,並返回新的長度

reverse:顛倒陣列順序

sort:對陣列排序

splice:splice(start,length,item)刪,增,替換陣列元素,返回被刪除陣列,無刪除則不返回

不改變原陣列的:

concat:連線多個陣列,返回新的陣列

join:將陣列中所有元素以引數作為分隔符放入乙個字元

slice:slice(start,end),返回選定元素

map,filter,foreach,some,every等不改變原陣列

js中陣列常用方法總結

1.array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列。let arr 1 2,3 4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 newarr 2,4,6,8,10 返回新陣列2.a...

js中陣列常用方法總結

array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列1 let arr 1,2,3,4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 newarr 2,4,6,8,10 返回新陣列 2 l...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0,5 後面5 個元素用 代替,其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true,否則返回...