for, for in, for of, map, forEach 循环的区别:

for, for in,  for of, map, forEach 循环的区别:

for  遍历数组:

 //对象遍历数组
var arr = [
{Monday: '星期一', Tuesday: '星期二', Wednesday: '星期三'}
]
for (var i=0; i<arr.length;i++){ // i是下标(索引)
console.log(i)
console.log(arr[i])
}

结果:

for, for in,  for of, map, forEach 循环的区别:

//数组
var arr = ["星期一","星期二","星期三"]
for (var j=0; j<arr.length;j++){ // j是下标(索引)
console.log(j)
console.log(arr[j])
}

结果:

for, for in,  for of, map, forEach 循环的区别:

forEach:遍历数组,但不能使用break、continue和return语句:

//对象数组
var arr = [
{guangzhou: '广州', shanghai: '上海', beijing: '北京'},
{Monday: '星期一', Tuesday: '星期二', Wednesday: '星期三'}
]
arr.forEach(function(value,index){ //第一个参数是值,第二个参数是下标(索引)
console.log(value)
console.log(index)
})

  

结果:

for, for in,  for of, map, forEach 循环的区别:

//数组
var arr = ["星期一","星期二","星期三"];
arr.forEach(function(value,index){//第一个参数是值,第二个参数是下标(索引)
console.log(value)
console.log(index)
})

结果:

for, for in,  for of, map, forEach 循环的区别:

for…in:遍历数组索引、对象的属性
使用for…in遍历时,原型链上的所有属性都将被访问:

//数组
var arr = ["星期一","星期二","星期三"];
Array.prototype.something = ["放假","休息咯"];
for (var i in arr){ // i是下标(索引)
console.log(arr[i])
}

  

结果:

for, for in,  for of, map, forEach 循环的区别:

//对象
var obj = {guangzhou: '广州', shanghai: '上海', beijing: '北京'}
Object.prototype.something2={shenzhen:'深圳'}
for (var i in obj){
console.log(obj[i])
}

  

结果:

for, for in,  for of, map, forEach 循环的区别:

map 遍历数组:

  var arr = ['星期一', '星期二', '星期三'];
var a = arr.map(function(item){
console.log(item)
return item === '星期二'
})
console.log(a)

  

结果:

for, for in,  for of, map, forEach 循环的区别:

map 注意:

map 有返回值。并且可以返回一个结果数组。但是map 遍历对象的话也会报错,所以map只能循环数组或者对象数组

上一篇:css实现三角形图标


下一篇:python 机器学习实践入门