js 陣列 物件常用方法總結

2022-02-08 02:58:20 字數 1928 閱讀 6546

參考:

filter() 方法建立乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。

注意:filter() 不會對空陣列進行檢測。

注意:filter() 不會改變原始陣列。

語法: 

array.filter(function(currentvalue,index,arr),thisvalue)

引數:

例:

let ages = [32, 33, 16, 40];

let arr = ages.filter(item => );

console.log(arr);

//[32,33,40]

map() 方法返回乙個新陣列,陣列中的元素為原始陣列元素呼叫函式處理後的值。

map() 方法按照原始陣列元素順序依次處理元素。

注意:map() 不會對空陣列進行檢測。

注意:map() 不會改變原始陣列。

語法:

array.map(function(currentvalue,index,arr), thisvalue)
引數:

例:

let ages = [, ];

let arr = ages.map(item => );

console.log(arr);

//[18,19]

reduce() 方法接收乙個函式作為累加器,陣列中的每個值(從左到右)開始縮減,最終計算為乙個值。

reduce() 可以作為乙個高階函式,用於函式的 compose。

注意:reduce() 對於空陣列是不會執行**函式的。

語法: 

array.reduce(function(total, currentvalue, currentindex, arr), initialvalue)
引數:

例:

let numbers = [65, 44, 12, 4];

let sum = numbers.reduce((cur, next) =>,10);

console.log(sum);

//135,初始值為10

foreach() 方法用於呼叫陣列的每個元素,並將元素傳遞給**函式。

注意:foreach() 對於空陣列是不會執行**函式的。

語法:

array.foreach(function(currentvalue, index, arr), thisvalue)
引數:

例:

let numbers = [4, 9, 16, 25];

number.foreach(item =>)

//結果://4

//9//16

//25

陣列:

let arr=[1,2,3,4];

arr.name = '張三'; //自定義屬性

for (let i in

arr)

for(let i of arr)

物件:

let obj=[name:'張三',age:18];

for (let i in

obj)

for(let i of arr)

js 陣列,物件常用方法

陣列方法 1.push 方法,將單個元素或者另外的陣列新增到條用該方法的陣列末尾去 var arr 1 2 3 arr.push 4 5 alert arr 1 2 3 4 5 2.concat 方法,就是將兩個陣列或者元素之間連線起來,呼叫該方法的陣列放在前面,方法實參放在後面 var arr 1...

js陣列物件常用方法小結

陣列新增元素後一般返回陣列的新長度 如 push ele1 ele2.unshift ele1 ele2.陣列刪除元素後一般返回被刪除的元素 如 pop shift var colors new array var count colors.push red green black alert co...

js陣列物件常用方法小結

陣列新增元素後一般返回陣列的新長度 如 push ele1 ele2.unshift ele1 ele2.陣列刪除元素後一般返回被刪除的元素 如 pop shift var colors new array var count colors.push red green black alert co...