（前言：每一个方法我都会举例说明，为了避免混淆，所有方法例子中都使用同一个数组arr和对象obj；另外，由于 forEach太low，every太不常用，所以直接略过）

1. for in  （唯一）既能循环数组，也能循环对象

2. for of    只能循环数组  不能循环对象

3.  filter   筛选数组   返回一个满足条件的新数组

4.  some  对数组每一项进行判断  只要有一项满足判断条件就会立刻终止循环 返回一个布尔值

 5.  reduce   数组求和或者数组去重 

        数组求和：reduce((总和，数组的每一项)=>{}，总和的初始值)

        数组去重：reduce((自定义的新数组，原数组的每一项)=>{}，新数组的初始值) 

注意：a.includes(b)表示的是a中是否包含b 返回一个布尔值 

7.  findIndex   查找数组中满足条件的第一项  返回其索引

8.  find    查找数组中满足条件的第一项  返回这一项

9.  Object.keys()和Object.values()  循环对象

列表循环

wx:for="{{数组或者对象}}"
wx:for-item="循环项的名称“
wx:for-index="循环项的索引“

js文件中：

Page({

  /**
   * 页面的初始数据
   */
  data: {
list:[
  {
    id:0,
    name:"a"
  },
  {
    id:1,
    name:"b"
  },
  {
    id:2,
    name:"c"
  }
]
  },

<!--pages/demo0/demo0.wxml-->
<text>pages/demo0/demo0.wxml</text>

<view>
<view 
wx:for="{{list}}"
wx:for-item="item" 
wx:for-index="index">
索引：{{index}}
值：{{item.name}}
</view>
</view>

wx：key=“唯一的值”用来提高列表渲染的性能
   1.wx：key绑定一个普通的字符串的时候，呢么这个字符串名称肯定是循环数组中的对象的唯一属性
   2.wx:key="*this“表示你的数组是一个普通的数组，”*this"表示是循环数组
   3.当出现数组的嵌套循环的时候，尤其要注意以下绑定的名称不要重名
   wx:for-item="item"      wx:for-index="index"
   4.默认情况下，我们不写
    wx:for-item="item"      wx:for-index="index"
    小程序也会把循环项的名称和索引的名称叫做item和index
    只有一层循环的话，上面两个语句可以省略

对象循环

wx:for="{{数组或者对象}}"
wx:for-item="对象的值“
wx:for-index="对象的属性“
1.循环对象时最好把item和index的名称都修改一下
wx:for-item="value“
wx:for-index="key“

<view>
<view>对象循环</view>
<view wx:for="{{person}}">
wx:for-item="value“
wx:for-index="key“
</view>
</view>

最近在处理一些偏逻辑的代码块经常遇到遍历问题，接下来跟大家一起温习一下有关于JS的遍历吧。

js数组遍历

1、for循环

//不缓存
var arr = [5,2,0,1,3,1,4];
for ( var i = 0; i <arr.length; i++){
   console.log(arr[i]);//遍历所得子项
}

for循环优化版：在JS性能优化中，有一个常见的小优化，即缓存数组长度

//缓存
var arr = [5,2,0,1,3,1,4];
var len = arr.length;
for ( var i = 0; i <len; i++){
   console.log(arr[i]);//遍历所得子项
}

第二种方式是大多数的程序猿推荐的一种写法，据说是有利于性能提升，个人没有检测过，但看过一篇文章可以参考：JavaScript 有必要缓存 for 循环中的 Array.length 吗？
虽然优化版写法不太优雅，但有时候还真用得上，举个栗子：

//不缓存
var divs = document.getElementsByTagName("div"), i, div;
for( i=0; i<divs.length; i++ ){
　　div = document.createElement("div");
    document.body.appendChild("div");
}
造成死循环，每次执行for循环都会动态获取divs的长度,而我们每次进入循环都增加了一个DOM(div),divs的长度也+1.

//缓存
var divs = document.getElementsByTagName("div"), i, div,len;
for( i=0;len=divs.length;i<len; i++ ){
　　div = document.createElement("div");
    document.body.appendChild("div");
}
//使用变量保存divs的长度。

。。。。。。才第一个，篇幅有点长，还是简化简说吧

2、map映射

map遍历支持使用return语句，和forEach都是es5新增的数组方法，所以ie9以下的浏览器还不支持。

var arr = [5,2,0,1,3,1,4];
//返回新数组，不改变旧数组
arr.map(function(v,i){
    console.log(i+'--'+v);
});
var temp=arr.map(function(v,i){
  return v*v
})
console.log(temp);

3、forEach

跟map一样是数组自带的方法，性能比for还弱，用的比较少，不能使用break语句中断循环，也不能使用return语句返回到外层函数。

var arr = [5,2,0,1,3,1,4];
arr.forEach(function(v,i){
　　console.log(i+'--'+v);
})

4、for-of遍历

es6新增,很强大，支持数组、对象、字符串的遍历

var arr = [5,2,0,1,3,1,4];
for( let i of arr){
    console.log(i);
}

与forEach()不同的是，它可以正确响应break、continue和return语句。

对象的遍历

1，for-in遍历

for-in是为遍历对象而设计的，用于循环遍历数组或对象属性，遍历对象简洁方便。for in循环里面的index是string类型的，代码每执行一次，就会对数组的元素或者对象的属性进行一次操作，不建议用来遍历数组。

var obj= {
	j:5,
	a:2,
	v:0,
	a:1,
	s:3,
	c:1,
	r:4,
	p:5,
	t:2,
};
for (var index in obj){
    console.log(index+'------'+obj[index]);
}

2、使用Object.keys()遍历

Object.keys(obj)
参数：要返回其枚举自身属性的对象
返回值：一个表示给定对象的所有可枚举属性的字符串数组
可用于数组、对象、字符串，这里只说对象的，其它的自己面向百度喔！

let person = {name:"陈奕迅",age:3,address:"香港",getName:function(){}}
Object.keys(person) // ["name", "age", "address","getName"]

遍历对象

var obj= {
	j:5,
	a:2,
	v:0,
	a:1,
	s:3,
	c:1,
	r:4,
	p:5,
	t:2,
};
Object.keys(obj).forEach(function(key){
     console.log(key+'-----'+obj[key]);
});

3、使用Object.getOwnPropertyNames(obj)遍历

定义：返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)

var obj= {
	j:5,
	a:2,
	v:0,
	a:1,
	s:3,
	c:1,
	r:4,
	p:5,
	t:2,
};
Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key+'-----'+obj[key]);
});