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