js 各種循環的區別與用法（for in,forEach,for of,map）

1,forEach循環   不能跳過或者終止循環

const a = ["a","ss","cc"]
    a.dd="11"
    a.forEach(index =>{
//        if (index ==='ss') {
//            break;
//        }   // 終止循環 如果終止循環會報錯
        console.log(index)
    }) // a ss cc

2，for in 循環   返回可枚舉的屬性

for(index in a){
   console.log(a[index])
} //a ss cc 11   // 返回可枚舉的屬性

　　

3，for of 循環  es6用法 可終止循環

for(let index of a){
      if(index === 'ss'){
          continue  // break
      }
      console.log(index)
}//a ss cc

4、map循環 創建一個新數組  不可終止循環

var arr = [1,2,3]
      var a = arr.map(function(i){
        console.log(i)
        return i + 10
      })
      console.log(a) // [11, 12, 13]

// forEach
var arr = [1,2,3]
      var a = arr.forEach(function(i){
        console.log(i)
        return i + 10
      })
      console.log(a) // undefind