ES5中遍历数组的方式:

// ES5中数组的遍历方式

// 1. 普通for循环;支持break,continue;

// 2. forEach循环:写法简洁,但是不支持break,continue;

// 3. every:返回true时继续遍历,返回false时停止遍历,可以模拟break,continue效果

// 4. for...in:转为对象设计的: 支持break,continue效果


var arr = [1,2,4,3,5]
// 遍历每一个元素
arr.every(ele=>{
  console.log(ele);
  return true
}) 
console.log('===========');
// 当元素为3时结束遍历: 模拟break效果
arr.every(ele=>{
  console.log(ele);
  if(ele===3) {
    return false
  }
  return true
})

console.log('============');
// 当元素为3时跳过循环:模拟continue效果
arr.every(ele=>{
  if(ele!==3) {
    console.log(ele);
  }
  return true
})
console.log('==============');

// 当下标为2时跳出循环;注意:数组的下标为string类型;
for(let key in arr) {
  if(key*1===2) break
  console.log(`${key}- ${arr[key]}`);

}
console.log('===============');
// 当下标为2时跳过本次循环:模拟continue效果
for(let key in arr) {
  if(key=='2') {
    continue
  }
  console.log(key+'-'+arr[key]);
}

 

你可能感兴趣的:(JavaScript)