javascript中的循环

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

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

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

for(let i=0;i<a.length;i++){console.log(i)} 最原始的方法
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)}})
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
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))}
数组本身的方法, 接收一个函数，函数的参数为每一项的值，函数中提供一个判断条件且一定要有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，判断数组中的值是否全部满足条件）
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);
}
其他容易混淆的循环方法
$.each 是jquery中提供的循环方法，
$.each(a, function(i,e){console.log(i, e)})
其他 sort 排序
let c= [4,7,5,2,3,1,6]
c.sort() 这时c会按照从小到大排列，注意，这个操作会改变数组本身
sort 也是接收一个函数作为参数，试试
c.sort((a,b)=>{return b-a})

猜你喜欢