javascript 新方向 (four)

遍历集合是没有一种语言必不可少的特性,我们看一看在 es6 在对数组上遍历给我们带来什么惊喜。下面使我们最熟悉的遍历方式。

8207483-36d330e721103c76.jpg

在 es6 我们可以通过 of 来遍历数组 names ,输出一下,但是大家一看怎么没有索引了呢?

8207483-07682c1634d9e22d.jpg

看一看如何解决这个问题,我们调用数组的 entries 方法来获取二维数组,每一个 entry 都是数组,也可以理解为字典?这个我不确定。

8207483-bd7cb59146ef6887.jpg

这样我们就可以得到数组中每一个元素的索引,我们可以打印一下。不过这样写代码不那么优雅,我们是一直最求优雅的。

8207483-f25fc9db15618886.jpg

为了易读性,我们把每一个值赋值给一个有意义的变量然后再进行打印。

8207483-7b18f55c29628205.jpg

前面我们学习解构,我们通过解构形式获取 entry 中对应的值然后分别赋予 i 和 name 这两个变量。

8207483-6460797315fcf33e.jpg

终于通过一步一步地努力写出顺眼优雅的代码。

8207483-676dd4bbc9cc7082.jpg

猜你喜欢

转载自blog.csdn.net/weixin_33869377/article/details/87340131