js---遍历的4种方法 & 箭头函数=>

常规遍历方法 for i

js---遍历的4种方法 & 箭头函数=>_第1张图片

forEach 箭头函数=>

js---遍历的4种方法 & 箭头函数=>_第2张图片
jquery foreach
js---遍历的4种方法 & 箭头函数=>_第3张图片

for of 遍历

js---遍历的4种方法 & 箭头函数=>_第4张图片

for in 遍历

js---遍历的4种方法 & 箭头函数=>_第5张图片

for in 遍历的 是 数组下表 ,适合 遍历集合
js---遍历的4种方法 & 箭头函数=>_第6张图片

箭头函数=>

ES6标准新增了一种新的函数:Arrow Function(箭头函数)

基础语法

var fn1 = function(a, b) {
    return a + b
}
 
function fn2(a, b) {
    return a + b
}

使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。


var fn1 = (a, b) => {
    return a + b
}
 
(a, b) => {
    return a + b
}

当函数参数只有一个,括号可以省略;但是没有参数时,括号不可以省略。

js---遍历的4种方法 & 箭头函数=>_第7张图片
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,省略掉了{ … }和return。还有一种可以包含多条语句,这时候就不能省略{ … }和return

js---遍历的4种方法 & 箭头函数=>_第8张图片
如果返回一个对象,需要特别注意,如果是单表达式要返回自定义对象,不写括号会报错,因为和函数体的{ … }有语法冲突。

注意,用小括号包含大括号则是对象的定义,而非函数主体
在这里插入图片描述

你可能感兴趣的:(前端)