js中的几种循环总结

比如：

const fruits = ['apple', 'orange', 'strawberry', 'grape'];

第一种，for循环

for(let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
  // apple orange strawberry grape
}

第二种，forEach循环

fruits.forEach(fruit => {
  console.log(fruit);
 // apple orange strawberry grape
})

第三种，for in
注意，这个循环遍历的是数组的索引

for(let index in fruits) {
  console.log(fruit[index]);
 // apple orange strawberry grape
}

第四种，for of

for(let fruit of fruits) {
  console.log(fruit);
  // apple orange strawberry grape
}

for(let fruit of fruits) {
  if(fruit === 'strawberry') {
	  break;
  }
  console.log(fruit);
  // apple orange 
}

for(let fruit of fruits) {
  if(fruit === 'strawberry') {
	  continue;
  }
  console.log(fruit);
  // apple orange grape
}

for(let [index,fruit] of fruits.entries()) {
	console.log(`${fruit} ranks ${index + 1} in my favorite fruits`);
	//apple ranks 1 in my favorite fruits
    //orange ranks 2 in my favorite fruits
	//strawberry ranks 3 in my favorite fruits
    //grape ranks 4 in my favorite fruits
}

for of 还可以遍历字符串

    const name = 'Jelly';
	for(let char of name) {
		console.log(char);
		// J e l l y
	}
	

是不是非常简单呢