js 循环 总结

 var arr = ['a','b','c','d']
  var date = [
	     {namr: '张三', age : '18', data: '2021-07-14'},
	     {namr: '王五', age : '28', data: '2021-01-14'},
	     {namr: '李四', age : '38', data: '2021-02-14'}
   ]

1.for循环

最基本的循环方式

for(var i = 0;i<arr.length;i++){
 console.log(arr[i])
 }
a
b
c
d

2.for in循环

for in循环是用来遍历对象的, 遍历时不仅能读取对象自身上面的成员属性，也能遍历出对象的原型属性

// 不推荐 去循环数组 for in循环可以直接循环出Array的索引，但得到的是String而不是Number，所以一旦你想用这个index去进行计算，就会出错

 for (let key in date ) {    //prop指对象的属性名
      console.log(key, date [key]);
 }
0 {namr: "张三", age: "18", data: "2021-07-14"}
1 {namr: "王五", age: "28", data: "2021-01-14"}
2 {namr: "李四", age: "38", data: "2021-02-14"}

3.forEach循环

forEach循环里面没办法用break跳出循环

arr.forEach(function (value, index) {
    console.log(value,index);
 })
 //输出
a 0
b 1
c 2
d 3

4. for of循环

作为ES6新增的循环方法 缺点 没有索引
不能像for循环那样arr[index].属性(arrindex)
//遍历字符串

for(let item of arr){
    console.log(item);    //item指的的就是数组每一项的值。不是索引。
}
 //输出
 a
 b
 c
 d

5.map()循环

  arr.map (function (i, index) {
    console.log(i, index)
   })
a 0
b 1
c 2
d 3