盘点 javaScript 循环遍历数组或者对象的方法有哪些

在工作中开发者解决的需求常常需要用到各种各样的需求。

下面盘点下js之间的循环有哪些：

1、for循环

     例子：for(var i = 0;i<array.length;i++){}

      for循环有可能是你最常用的循环之一，但不一定是解决需求最好的遍历方法，一般这个方法直接遍历数组，而且更适合数组中的数据是常量

2、forEach

     例子：  array.foreach(function(value,index){}) 也可以写成  array.foreach((value,index)=>{}) 还可以写成

     对于这个方法更加适合遍历数组中含有对象的语法，index是索引值 ，表面上的好用，但是这个方法性能不会很好，因为在遍历数组中，无法通过break,continue,或者return来终止循环，每次都会完完整整的执行循环

3、fillter

     例子：   array.fillter(function(value,index,aray){})     过滤器

     这里面value，代表每次循环的值，如果说每次循环的值是一个对象，那么value就是对象，如果是常量就是常量 ，index就是索引值，这个方法非常好用，可以直接解决需求中过滤数据的痛点

4、find

     例子： array.fillter(function(value,index,aray){}) 

     find和fillter类似，但是find有是有比fillter更适合，因为find是找到了就会停止遍历，直接返回

5、map

    例子  array.map(function(value,index){})

     map和forEach类似，但是可以在循环的时候使用return这些来终止循环，新能比forEach好一些

6、for  ...in... 

     例子：  for(var index in obj){}

     这个方法主要用来遍历对象,index 是索引值，但是for in  并不返回遍历的对象值，取值方法是obj[index]

7、for ... of....

   例子：for(var value of obj){}

    这个方法是属于es6的，比for  in   更加完美，这个方法直接可以拿到对象的具体值value

 

总结：大千需求千千万万，我们只有熟练的使用每一种循环，才能在解决需求中准确快速的找到解决需求的方法...