手记

【备战春招】第10天 ES6基础知识详解(六)

课程章节: ES6基础知识详解

课程讲师大谷

课程内容:

ES6必知必会:

(1) 循环

  • 常规循环方法:while、for…
  • for …of循环、for… in 循环
  • forEach循环

我们使用循环可以输出数组的下标或者数组的每一项。当我们定义一个list数组,如果使用for in那么输出的key就是数组中的下标,list[key]输出的是下标对应的每一个值。如果使用for of,那么对应的key输出的就是数组中每一项的值而不是每一项的下标,这也是两者的区别。forEach最前面写的是我们需要循环的数组,语法list.forEach((value, index) => {}),其中value输出的是数组中每一项的值,index输出的是每一项对应的下标,当我们只写一个参数value,那么输出的还是数组中每一项的值。

前面我们使用过es6的...语法,这个名称叫做扩展运算符,当我们定义一个函数,用来计算参数相加的结果,然后定义一个数组,将需要传递的参数都写在里面,最后使用...语法将数组的每个参数传递到函数中,从而输出结果。像下面这样写的话,我们只能将参数值的个数与函数中的个数要对应,所以我们要想参数任意传,我们就需要将函数中的(a, b, c)修改为(...args),里面的计算我们可以采用for of进行循环输出累加。

课程收获:

这一章主要学习了ES6中必须知道和学会的知识中的循环方法和...扩展运算符,上面三种数组循环的方法都有不同之处,当我们想要获取数组中的索引值时,我们就使用for in进行循环。当我们想要输出数组中的每一项时,我们直接使用for of进行循环。当我们想要同时输出数组的值和值对应的索引值时,我们就可以使用forEach进行循环。...扩展运算符一般是用来将我们传递的数组参数进行拆分成单个,这样便于我们传递每一个参数,从而在函数中更好的调用。我们一般使用箭头函数和...结合使用。

1人推荐
随时随地看视频
慕课网APP