# js陣列方法大全（下）

記錄一下整理的js陣列方法，免得每次要找方法都找不到。圖片有點多，注意流量，嘻嘻！

本期分享

• forEach()
• map()
• filer()
• every()
• some()
• reduce()
• reduceRight()
• indexOf()
• lastIndex()

上期分享

• join()
• reverse()
• sort()
• concat()
• slice()
• splice()
• push()
• pop()
• unshift()
• shift()
• toString()
• toLocaleString()

forEach() --->遍歷

• 使用熱度：經常用
• 是否改變原始陣列：否
• 返回：無
• 引數：

引數位置	引數型別	是否必選	說明
1	function	是	三個引數分別是：陣列元素、元素的索引、陣列本身

• 說明：該方法無法提前終止執行，如果要提前終止執行，只能使用try塊中，然後丟擲一個異常。
• 小技巧：如果陣列是個陣列物件形式可以直接運算元組元素改變原始陣列本身，因為物件是個引用資料型別嘛！
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var sum =0;
data.forEach(value=>{
  sum+=value;
})
log(sum);

data.forEach((v,i,a)=>{
  a[i]=v+1;
})
log(data);

var data_post=[{a:1},{a:2}]
data_post.forEach(value=>{
  value.a++;
})
log(data_post)
 

map() --->對映

• 使用熱度：經常用
• 是否改變原始陣列：否
• 返回：返回一個新函式
• 引數：

引數位置	引數型別	是否必選	說明
1	function	是	三個引數分別是：陣列元素、元素的索引、陣列本身

• 說明：傳遞給map函式應該有返回值，返回值是新陣列的元素。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b= data.map(x=>{
  return x*x;
})
log(b)

filter() --->過濾

• 使用熱度：常用
• 是否改變原始陣列：否
• 返回：返回過濾後的陣列
• 引數：

引數位置	引數型別	是否必選	說明
1	function	是	三個引數分別是：陣列元素、元素的索引、陣列本身

• 說明：如果返回值是true或者可以轉化為true的值，那麼這個值就是新陣列的元素。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b= data.filter(x=>{
  return x<3;
})
log(b)

every() --->檢測

• 使用熱度：不常用
• 是否改變原始陣列：否
• 返回：true或者false
• 引數：

引數位置	引數型別	是否必選	說明
1	function	是	三個引數分別是：陣列元素、元素的索引、陣列本身

• 說明：當且僅當針對陣列中的所有元素呼叫繫結函式都返回true時，它才返回true。
• 注意：一旦every或者some已經確定了改返回什麼值得時候就不會遍歷陣列了。根據數學上的慣例，在空陣列呼叫時，every返回true，some返回false。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b= data.every(x=>{
  return x<10;
})
log(b)

var c= data.every(x=>{
  return x%2===0;
})
log(c)

some() --->檢測

• 使用熱度：不常用
• 是否改變原始陣列：否
• 返回：true或者false
• 引數：

引數位置	引數型別	是否必選	說明
1	function	是	三個引數分別是：陣列元素、元素的索引、陣列本身

• 說明：當陣列中至少有一個元素呼叫繫結函式返回true時，它就返回true。
• 注意：一旦every或者some已經確定了改返回什麼值得時候就不會遍歷陣列了。根據數學上的慣例，在空陣列呼叫時，every返回true，some返回false。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b= data.some(x=>{
  return x>10;
})
log(b)

var c= data.some(x=>{
  return x%2===0;
})
log(c)

reduce() --->簡化

• 使用熱度：不常用
• 是否改變原始陣列：否
• 返回：返回一個值
• 引數：

引數位置	引數型別	是否必選	作用
1	function	是	四個引數分別是：初始化值/陣列元素、陣列元素、元素的索引、陣列本身
2	number	否	供計算的初始化值

• 說明：第一個引數是到目前為止的簡化操作累計的結果
• 注意：如果沒有初始化值，第一次呼叫函式的第一個引數就是第一個陣列元素，第二個引數則是第二個陣列元素。如果有初始化值，第一次呼叫函式的第一個引數就是初始化值，二個引數則是第一個陣列元素。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b= data.reduce((x,y)=>{
  return x+y;
},0)
log(b)

var c= data.reduce((x,y)=>{
  return x*y;
},1)
log(c)

var d= data.reduce((x,y)=>{
  return x>y?x:y;
},1)
log(d)

reduceRight() --->簡化

• 使用熱度：不常用
• 是否改變原始陣列：否
• 返回：返回一個值
• 引數：

引數位置	引數型別	是否必選	作用
1	function	是	四個引數分別是：初始化值/陣列元素、陣列元素、元素的索引、陣列本身
2	number	否	供計算的初始化值

• 說明：第一個引數是到目前為止的簡化操作累計的結果。不同於reduce這個僅僅是從右到左計算。
• 注意：如果沒有初始化值，第一次呼叫函式的第一個引數就是第一個陣列元素，第二個引數則是第二個陣列元素。如果有初始化值，第一次呼叫函式的第一個引數就是初始化值，二個引數則是第一個陣列元素。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
data.reduceRight((x,y)=>{
  log(y)
  return x+y;
},0)

indexOf() --->搜尋

• 使用熱度：經常用
• 是否改變原始陣列：否
• 返回：返回陣列索引或者-1
• 引數:

引數位置	引數型別	是否必選	作用
1	*	是	要搜尋的陣列元素
2	number	否	從陣列哪個索引開始搜尋

• 說明：如果能搜尋到結果將返回第一個索引，如果搜尋不到就返回-1
• 注意：如果第二個引數是負數，指的是從陣列元素末尾的偏移量位置開始向後搜尋，而不是到偏移量位置就截止搜尋了，這裡是很容易和splice弄混的。
• 例項如下：

var log=console.log;
var data=[1,2,3,4,5];
var b=data.indexOf(1,-5);
log(b);

lashIndexOf() --->搜尋

• 使用熱度：經常用
• 是否改變原始陣列：否
• 返回：返回陣列索引或者-1
• 引數:

引數位置	引數型別	是否必選	作用
1	*	是	要搜尋的陣列元素
2	number	否	從陣列哪個索引開始搜尋

• 說明：和indexOf不同的是lashIndexOf是反向搜尋
• 注意：因為是反向搜尋，當第二個引數是負數的時候，就是指從末尾偏移量的位置向前搜尋
• 例項如下：

var log=console.log;
var data=[1,2,3,2,5];
var b=data.lastIndexOf(2,-3)
log(b)

var c=data.lastIndexOf(1,-5)
log(c)

相關推薦