2018-06-27

Java script中循环的方法很多，整理一下，现在假设有

数组 a = [0,1,2,3]

对象 b = {name:"zhangchi", age:18}

1.for(let i=0;i

2.forEach, 例如

a.forEach(i => {console.log(i)})这是我们最常用的方式， forEach中接收一个函数，这个函数有三个参数，分别是循环的值，序号，数组本身（value， index，array）， 而通常我们只用第一个。此外，在forEach中是无法使用continue;break中断循环的。可以试试以下两个语句：
a.forEach(i =>{if(i<2){continue;}else{console.log(i)}})
a.forEach(i =>{if(i<2){return false;}else{console.log(i)}})

3.for-in, 可以用来遍历对象，例如

for(let i in b){console.log(i)}, 这样就可以获得在b对象中所有key，使用b[i]即可获得i对应的value
虽然for-in也可以用来遍历数组，例如 for(let i in a){console.log(i)},但并不建议这么作，如果喜欢这种书写方式可以试试for-of

4.for-of ES6中新加入的循环。可以循环数组， 字符串，以及其他集合或类数组的对象，请记住使用

for-in遍历对象， 使用for-of来遍历数组，两者存在很大不同，执行以下几个语句即可分辨。
for(let i in a){console.log(i)} （不建议， 为遍历对象提供的）
for(let i in a){console.log(typeof(i))} （ 由此可以发现每次的i，虽然显示的数组元素的序号 是个string）
for(let i in b){console.log(i)} (建议， 用来遍历对象)
for(let i in b){console.log(b[i])}

for(let i of a){console.log(i)} （遍历数组推荐使用，写法简洁，循环数组的方法， i是数组中的每一项）
for(let i of a){console.log(typeof(i))}

35.数组本身的方法, 接收一个函数， 函数的参数为每一项的值，函数中提供一个判断条件且一定要有return
a.map((i)=>{return i*2}) (生成一个新数组)
a.filter(i=>{return i>2}) (返回每项大于2的新数组)
a.find(i=>{return i >2}) (返回第一个满足条件的值) 没有返回undefined
a.findIndex(i=>{return i >2}) (返回第一个满足条件的值的序号，没有-1)
a.some((i)=>{return i<3}) （返回false/true， 判断数组中有无一个满足条件的值）
a.every((i)=>{return i>-1}) （返回false/true， 判断数组中的值是否全部满足条件）

6.entires(), Es6中新加入的循环方式，返回一个遍历器，例如

let en = a.entires()
en.next() 返回一个对象 {value:[0,1], done:false} (value数组中分别是序号和元素， done标识该遍历器是否到还有数据，是否该结束， false表示后面还有数据， true表示结束的时候到了)，这时继续调用en.next()，即可获得a数组中的所有值。一般结合for-of使用，例如
for (let [i, e] of a.entries()) {
console.log(i, e);
}

7.其他容易混淆的循环方法

$.each 是jquery中提供的循环方法，
$.each(a, function(i,e){console.log(i, e)})

8.其他 sort 排序

let c= [4,7,5,2,3,1,6]
c.sort() 这时c会按照从小到大排列， 注意，这个操作会改变数组本身
sort 也是接收一个函数作为参数，试试
c.sort((a,b)=>{return b-a})