日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
ES6新增語法—數(shù)組新增七種方法介紹

[[414620]]

forEach：遍歷數(shù)組

foreach只是對數(shù)組進行遍歷，并不會改變原來的數(shù)組。

成都創(chuàng)新互聯(lián)云計算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、成都服務(wù)器托管、云服務(wù)器、虛擬主機、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機、虛擬主機、空間域名、VPS主機、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

示例：打印數(shù)組中的每個元素。

 
 
 
    
  
  
  
  1. let arr = ['a','b','c']; 
    2.   
  
  
  2. arr.forEach(item=>{ 
    3.   
  
  
  3.  console.log('當(dāng)前元素',item) 
    4.   
  
  
  4. }) 
    5.

上述使用了箭頭函數(shù)，省略了括號,如果需要數(shù)組下標(biāo)的時候，可以把標(biāo)加上，改寫成：

 
 
 
    
  
  
  
  1. let arr = ['a','b','c']; 
    2.   
  
  
  2. arr.forEach((item,index)=>{ 
    3.   
  
  
  3.  console.log('當(dāng)前元素',item) 
    4.   
  
  
  4.  console.log('當(dāng)前元素下標(biāo)',index) 
    5.   
  
  
  5. }) 
    6.

如果是給同級的幾個元素遍歷設(shè)置背景顏色時，運行發(fā)現(xiàn)失敗，代碼如下：

 
 
 
    
  
  
  
  1. window.onload = function(){ 
    2.   
  
  
  2.  let aDiv = document.getElementsByTagName('div') 
    3.   
  
  
  3.  aDiv.forEach(item=>{ 
    4.   
  
  
  4.   item.style.background = "red" 
    5.   
  
  
  5.  }) 
    6.   
  
  
  6. } 
    7.

運行報錯：Uncaught TypeError: aDiv.forEach is not a function at window.onload

報錯主要是因為 aDiv 并不是一個真正的數(shù)組，它是一個類數(shù)組。此時我們需要借助from方法。

from：轉(zhuǎn)換數(shù)組

from()方法把類數(shù)組轉(zhuǎn)換成真正的數(shù)組。

使用語法：Array.from(類數(shù)組)

此時我們只需要借助from方法，把aDiv轉(zhuǎn)換成真正的數(shù)組，就可以使用forEach遍歷，給每個元素設(shè)置背景。代碼如下：

 
 
 
    
  
  
  
  1. window.onload = function(){ 
    2.   
  
  
  2.  let aDiv = document.getElementsByTagName('div') 
    3.   
  
  
  3.  Array.from(aDiv).forEach(item=>{ 
    4.   
  
  
  4.   item.style.background = "red" 
    5.   
  
  
  5.  }) 
    6.   
  
  
  6. } 
    7.

map:映射

原數(shù)組被映射成一個新的數(shù)組。返回值是一個新數(shù)組，不改變原來的數(shù)組。

將一組成績映射成是否及格的布爾值，判斷大于60分就算及格，否則就不及格。代碼如下：

 
 
 
    
  
  
  
  1. let grad = [55,66,77,88] 
    2.   
  
  
  2. let arr2 = grad.map(function(item){ 
    3.   
  
  
  3.  return item>=60 
    4.   
  
  
  4. }) 
    5.   
  
  
  5. console.log("arr2",arr2) 
    6.

filter:過濾

Filter過濾數(shù)組，進去一堆出來幾個，返回過濾后的新數(shù)組。

比如去掉數(shù)組中的偶數(shù)，只保留奇數(shù)。

 
 
 
    
  
  
  
  1. let num = [1,2,3,4,5,6,7,8] 
    2.   
  
  
  2. let odd = num.filter(function(item){ 
    3.   
  
  
  3.  return item%2 
    4.   
  
  
  4. }) 
    5.   
  
  
  5. console.log("odd",odd) 
    6.

reduce:匯總

進去一堆數(shù)據(jù)，出來一個。比如求和或者求平均數(shù)。

以下是求平均數(shù)的一個實例：

 
 
 
    
  
  
  
  1. let num = [1,2,3,4,5,6,7,8] 
    2.   
  
  
  2. let evr = num.reduce((tmp,item,index)=>{ 
    3.   
  
  
  3.  if( index  
  
  
  4.   return tmp+item 
    5.   
  
  
  5.  }else{ 
    6.   
  
  
  6.   return (tmp+item)/num.length 
    7.   
  
  
  7.  } 
    8.   
  
  
  8. }) 
    9.

上述的tmp是中間的一個結(jié)果，最開始是第一個值。

find:查找

在數(shù)組中找到符合要求的對象，和filter的區(qū)別是找到符合要求的對象就停止搜索了，返回的是一個對象。

查找姓名叫王五的這個人，代碼如下：

 
 
 
    
  
  
  
  1. let pers = [ 
    2.   
  
  
  2.  { name:'倩倩',age:18 }, 
    3.   
  
  
  3.  { name:'張三',age:25 }, 
    4.   
  
  
  4.  { name:'王五',age:60 } 
    5.   
  
  
  5. ] 
    6.   
  
  
  6. let per = pers.find(function(item){ 
    7.   
  
  
  7.  return item.name === '王五' 
    8.   
  
  
  8. }) 
    9.   
  
  
  9. console.log('per',per)//per {name: "王五", age: 60} 
    10.

erver()、some()

every目標(biāo)數(shù)組中每一個對象都符合條件則返回true，否則返回false。

some目標(biāo)數(shù)組中有一個或一個以上符合條件就會返回true，否則返回false。

 
 
 
    
  
  
  
  1. let pers = [ 
    2.   
  
  
  2.  { name:'倩倩',age:18 }, 
    3.   
  
  
  3.  { name:'張三',age:25 }, 
    4.   
  
  
  4.  { name:'王五',age:60 } 
    5.   
  
  
  5. ] 
    6.   
  
  
  6. //年齡是否都小于30 
    7.   
  
  
  7. let isYoung = pers.every(item=>{ 
    8.   
  
  
  8.  return item.age < 30 
    9.   
  
  
  9. }) 
    10.   
  
  
  10. //年齡有小于30的 
    11.   
  
  
  11. let haveYoung = pers.some(item=>{ 
    12.   
  
  
  12.  return item.age < 30 
    13.   
  
  
  13. }) 
    14.   
  
  
  14. console.log("isYoung",isYoung) // false 
    15.   
  
  
  15. console.log("haveYoung",haveYoung) //true 
    16.

 


新聞標(biāo)題：ES6新增語法—數(shù)組新增七種方法介紹
文章位置：http://m.5511xx.com/article/cdccsio.html