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

课程名称：4小时快速体验ES6-10的强大

课程章节： 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进行循环。...扩展运算符一般是用来将我们传递的数组参数进行拆分成单个，这样便于我们传递每一个参数，从而在函数中更好的调用。我们一般使用箭头函数和...结合使用。