javaScript 常见的循环、遍历方式

javaScript 常见的循环方式及注意点:
  • for , while , do...while
  • for...in , for...of
  • map , foEach
  • filter , some , every
for 、 while 、 do...while
for , while , do...while这三个就不多说了,程序猿入门都必须懂的,如果没有...那先回过头去再看看他们再说后面的吧~
for...in , for...of
for...in
for...in主要用来遍历对象但是也可以用来遍历数组;
但是在遍历数组的时候需要注意一些问题:
  • 因为比那里获得的 ' i ' 是字符串类型的,如果你想要通过 ‘ i ’去获得数据可能会出现一些意想不到的问题;
  • for...in不仅会遍历数组的元素还会遍历你的自定义属性,如果有的话有可能都遍历到原型链上去了~
  • for...in遍历是不会顺序执行的,[1,2,3]有可能遍历顺序会是[2,3,1];
for...of
  1. 直接看图就可以知道for...of没有了for...in的缺陷,遍历的index都是Number类型的;
  2. 并且和forEach相比较来说最爽的就是它可以 break , continue , return ...这个平时再好不过了;
for of 不仅可以遍历数组对象,它还可以用到很多的其他集合;
  • 伪数组对象,(NodeList,arguments...)
  • Map,Set
Set我觉得很强的一个用处就是消除数组重复;

  • 字符串!
forEach , map
map
平常开发中都经常拿map来遍历数据, map会返回一个新的数组,但是它不会改变原数组
forEach
也不会改变原数组,返回值undefined,只是把数组的每项执行下代码块中的内容;
filter , some , every
filter
会返回一个新的数组(过滤后的数组),但不会改变原数组;
some every
返回遍历结果,true || false; some遍历时只要结果中有满足的那最终返回的结果就是true;every则是要每项都满足才会返回true,否则返回false;

猜你喜欢

转载自blog.csdn.net/ylinwind/article/details/80436324
今日推荐