js循环总结

foreach循环：

forEach（）方法为数组中的每个元素调用一个函数,
foreach用于循环数组。

var nums = new Array(12,13,14,15)  
console.log("Printing original array......")  

nums.forEach(function(val,index) {
   console.log(val)
})  


var arr = [1,2,3,4];
var sum =0;
arr.forEach(function(value,index,array){
 array[index] == value; 
 sum+=value; 
 });
console.log(sum);//sum = 10

map循环：

   this.loading = true;
        this.arr1 = [];
      arr.map((item,index)=>{
          console.log(item,index)
          this.arr1.push({
             new_code:(看你还要什么)
           })
           this.loading = false;
          })

var arr = [0,2,4,6,8];

var str = arr.map(function(item,index,arr){

console.log(this);    //Window

console.log(this);

console.log(item);

console.log('原数组arr：',arr);   // 会执行五次

return item/2;
},this);

console.log(str); //[0,1,2,3,4]

map循环和foreach区别：

相同点：

1.都是循环遍历数组中的每一项

2.每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组）

3.匿名函数中的this都是指向window

4.只能遍历数组

不同点：

map（）

map方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值

也就是map（）进行处理之后返回一个新的数组

⚠️注意：map（）方法不会对空数组进行检测

map方法不会改变原始数组
forEach方法用于调用数组的每个元素，将元素传给回调函数

⚠️注意： forEach对于空数组是不会调用回调函数的 ，

for循环:

循环代码块一定次数，遍历输出

cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++){
	document.write(cars[i] + "<br>");
}

for in循环：

for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

let people = {
    name:'小红',
    age : 15,   
}
for(let key in people ){
    console.log(key+':'+people[key]);
}

es6中的循环：

// 循环下标或者key（for-in）  
for (var index in myArray) {    // don't actually do this  
  console.log(myArray[index]);  
}  
  
// 循环value（for-of）  for...of 是 ES6 新引入的循环，用于替代 for..in 和 forEach() ，并且支持新的迭代协议。它可用于迭代常规的数据类型，如 Array 、 String 、 Map 和 Set 等等。

const nums = ["zero", "one", "two"];
for (let num of nums) {
  console.log(num);
}

let myMap = new Map();
myMap.set(0, "zero");
myMap.set(1, "one");
myMap.set(2, "two");
// 遍历 key 和 value
for (let [key, value] of myMap) {
  console.log(key + " = " + value);
}

for (var value of myArray) {  
  console.log(value);  
}  
  
// 甚至直接循环key和value，no problem  
for (var [key, value] of phoneBookMap) {  
  console.log(key + "'s phone number is: " + value);  
}