javascript中的循环和遍历

js提供了许多循环遍历数组和对象的方法和API。下面列出一些比较常见的方法。

for 循环

js中最常见的莫过于for来进行遍历了。在循环体中可以通过break 和 continue来对循环进行一定的处理。
break : 直接跳出循环。（如果存在嵌套循环，则只是跳出当前循环这一层）
continue : 结束当前循环，进入下一次循环。

const times = 1000;
for (let i = 0; i < times; i++) {// todo
}

while 循环

js中while循环也是用的比较多。
for 循环更多的用于循环次数确定的循环。
while循环更多的用于循环次数不定的循环。

let condition = true;
while (condition) {// todocondition = false;
}

forEach

array.forEach(function(value, index, array) {
// value 为当前值
// index 为当前值的下标
// array 为当前数组
})

对数组的每一个元素执行一次提供的函数
不能使用return、break来中断循环
如果使用了 return 则之后的语句不会执行进入下一个循环 <=> continue
break使用直接会报错
不改变原数组，无返回值

for - in

循环遍历的值都是数据结构的键的值
使用for-in循环，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，又包括存在于原型中的属性
for-in循环出的属性名顺序是不可预测的，返回的先后次序会因浏览器而异
for in也可以循环数组也可以遍历对象

let obj = {a: '1', b: '2', c: '3', d: '4'}
for (let o in obj) {console.log(o)       //遍历是对象的属性名称 a,b,c,dconsole.log(obj[o])  //属性对应的值 1，2，3，4
}

for - of

不同于 for in遍历的是 key / value 中的key， for of遍历的是 key / value 中的value。
**限制条件：**一个数据结构只有部署了 Symbol.iterator 属性, 才具有 iterator接口,才可以使用 for of循环。
常见的部署了 Symbol.iteratoer属性的数据结构：

Array
Map
Set
String
arguments对象
Nodelist 对象, 即获取的dom列表集合

let arr = ['a', 'b', 'c']
for (let o of arr) {console.log(o)  //a, b, c
}

其它

数组自身也提供了许多操作数组的API，例如：filter, map, reduce等。
这里列出了本人常用的一些数组api,仅供参考。
js数组常用api