ES6的快速理解

5次阅读

共计 809 个字符,预计需要花费 3 分钟才能阅读完成。

第一节:forEach

曾经的遍历 for, 难理解!最后返回出来的就是这几个

var name =  ['Aaron','Ben','Cands','Dade']

for(var i=0; i<name.length; i++)
{console.log(name[i])
}

forEach 很简单,把你要遍历的东西加一个 forEach,把你所有值批量一个名字 a,他就会按顺序给你返回

var name =  ['Aaron','Ben','Cands','Dade']

name.forEach(function(a){console.log(a)
})

小实验,把 123455678 加一起
鸡鸡有这些,用一个 sum 鸡窝依次放进去!最后返回 55 只小鸡鸡

var jj = [1,2,3,4,5,6,7,8,9,10]
var sum = 0
jj.forEach(function(n){sum+=n})

console.log(sum)

链接同样的用这个方法更方便!过滤返回来未选中的留下,其他的隐藏。


第二节:map

说白了,就是把原本的 数组 复制一份,然后改改值. 再起一个名字
曾经养了一堆鸡鸡,然后把原本的鸡鸡乘以 2 然后返回的价格起一个新的名字叫做 KFC。鸡鸡本身便宜,改名就贵了一圈

var jj = [1,2,3,4,5,6,7,8,9,10]

var kfc = jj.map(function(n){return n*2})

console.log(kfc)

第三节:filter

俗称的过滤器,简单的说 新冠状病毒里生病呈阳性的站出来这种就是过滤

var bd = [{name:"刘忙", type:"Yang"},
    {name:"马超", type:"Yin"},
    {name:"赵三", type:"Yin"},
    {name:"周敏", type:"Yang"}]

var txt = bd.filter(function(a){return a.type === 'Yang'})

console.log(txt)

第三节:find

正文完
 0