石川es6課程---7、數組

一、總結

一句話總結：

^ 主要就map（映射：一個對一個），reduce（匯總：一堆出來一個），filter? 過濾器，forEach 循環（迭代） 四個方法

^ 使用形式就是方法里面接匿名函數作為參數：例如let result = arr.map(function (item) {

?

?

二、數組

- map （映射：一個對一個） ``` [112,58,6,990] [及格,不及格,不及格,及格] let arr=[12,5,8] // let res=arr.map(function(item){ // return 2*item // }) //es6簡化版 let res=arr.map(item => item*2) alert(res) //數據映射 let score=[50,66,70,49,85] let res=score.map(item => item>=60?'及格':'不及格') console.log(score,res) ``` - reduce （匯總：一堆出來一個） 1. 算總數,算平均數 ```let res1=score.reduce(function(tmp,item,index){//tmp為上一次結果//item為當前數字//index為下標（迭代次數） console.log(tmp,item,index)if(index!=this.length-1){return tmp+item} else{return (tmp+item)/arr.length }}) ``` - filter 過濾器 ```let res2=score.filter(item=>{// if(item%4==0){// return true// }else{// return false// }return item%4==0}) ``` - forEach 循環（迭代） ```let res3=score.forEach((item,index)=>{return item//undefined，沒有返回值 }) ```

?

7.數組新增4個方法 map 映射 一個對一個 let arr = [12, 5, 8] let result = arr.map(function (item) {return item*2 }) let result2 = arr.map(item=>item*2) // 簡寫 console.log(result) console.log(result2)let score = [18, 86, 88, 24] let result3 = score.map(item => item >= 60 ? '及格' : '不及格') console.log(result3)// 結果 [ 24, 10, 16 ] [ 24, 10, 16 ] [ '不及格', '及格', '及格', '不及格' ] reduce 匯總 一堆出來一個 用于比如，算個總數，算個平均 var arr = [1, 3, 5, 7] var result = arr.reduce(function (tmp, item, index) {//tmp 上次結果，item當前數，index次數1開始 console.log(tmp, item, index)return tmp + item }) console.log(result)var arr = [1, 3, 5, 7] var result = arr.reduce(function (tmp, item, index) {if (index != arr.length - 1) { // 不是最后一次return tmp + item} else {return (tmp + item)/arr.length } }) console.log(result) // 平均值 filter 過濾器 保留為true的 var arr = [12, 4, 8, 9] var result = arr.filter(item => (item % 3 === 0) ? true : false) console.log(result) var result = arr.filter(item => item % 3 === 0) console.log(result)var arr = [{ title: '蘋果', price: 10 },{ title: '西瓜', price: 20 }, ] var result = arr.filter(json => json.price >= 20) console.log(result) forEach 循環迭代 var arr = [12, 4, 8, 9] var result = arr.forEach(item => console.log(item)) var result = arr.forEach((item, index)=>console.log(item

?

?

?

?

?

轉載于:https://www.cnblogs.com/Renyi-Fan/p/11600816.html

總結

以上是生活随笔為你收集整理的石川es6课程---7、数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。