js中常用的循环

1.for循环

（1）循环数组

      let arr = ["lisa", "lili", "sam", "joy"];
      for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);//输出数组每一个元素
      }

（2）循环字符串

	let arr = "hello";
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);//输出字符串中每一个元素
    }

2.forEach

用于调用数组的每个元素，并将元素传递给回调函数。
实例：有一个数组arr,现在将数组中的每一个元素+1，然后放到一个新数组中去。

      let arr= [4, 5, 22, 3];
      let b=[];
      arr.forEach((item) => {
       b.push(item+1);
      });
      console.log(b);//[5, 6, 23, 4]

3.map

遍历时可以返回一个新数组，新数组的结果是原数组中的每个元素都调用一次提供的函数后的返回值。
实例:现有一个数组arr,要将数组中每一个元素+1，然后返回到一个新数组。

      let arr = [4, 5, 22, 3];
      let newarr = arr.map((item) => {
       return item + 1;
      });
      console.log(newarr);
    },

4.for…in

以随机顺序遍历一个对象中除 Symbol 以外的可枚举属性（包括原型对象上的可枚举属性）
for…in 遍历数组（for…in为遍历对象而诞生，所以不建议遍历数组）

      let arr = [4, 5, 22, 3];
      for(let i in arr)
      {
          console.log(i)//返回数组索引
          //0
          //1
          //2
          //3
      }

for…in遍历对象

      let obj={name:"lisa",age:12,color:"red"};
      for(let i in obj)
      {
          console.log(i)//返回对象属性
          //name
          //age
          //color
          console.log(obj[i])//获取对象对应的值
      }

5.for…of

遍历数组里的每一项。注意：for of无法循环遍历对象，如果需要遍历对象，请使用for…in

let arr=[{name:"lisa",age:12},{name:"lili",age:15},{name:"tom",age:22}];
for(let i of arr)
{
    console.log(i);//获取数组中的每一项元素
    //{name:"lisa",age:12}
    //{name:"lili",age:15}
    //{name:"tom",age:22}
}