5种循环

 

 

/知识点1------for in循环遍历  它有两个参数    i代表索引值或者是键名哦   arr代表的是你写的那个数组。for in循环主要运用于循环对象 它也可以循环数组
 var obj={
        name:"李寻欢",
        age:23,
        fav:"js"
    };

    var arr=[11,34,55,66,77];

    for (var i in arr){ 
        console.log(arr[i]); // 11  34   55   66  77
        console.log(i);  //i是索引，索引是从0开始的 0 1 2 3 4   或者键名

    }

    for (var i in obj）{
        console.log(obj[i]);  //输出为  李寻欢  23  js  输出value值
       console.log(i);  //输出为    name  age fav    //i此时是键名
    }

----------------------------------------------------------------------------------
知识点2------for  of循环哦。----它不能够循环对象   item是你的内容值  它也有两个参数  第一个参数item代表的是输出的值  arr是循环的数组
 for(var item of arr){
         console.log(item) // 11  34  55  66  77
     }
----------------------------------------------------------------------------------
for in和for of的区别
for in可以循环数组和对象。                   for of循环数组  
第一个参数是索引或者是键名                  第一个参数是 输出的值  

相同点：都有两个参数      
for in比for of强大写
------------------------------------------------------------------------------
知识点3------- //forEach是不能够循环对象的  forEach会改变原始数组     value是内容   index是索引   array是你写的数组。
    三个参数你可以只写一个。value哦！   
forEach是没有返回值的。

//说明forEach没有返回值
   var arr = [10, 20, 30];
   var newArr = arr.forEach(function (v) {
       return v
   });
   console.log(newArr);// 没有返回值 undefined
-------------------------------------------------------------
 arr.forEach(function (value,index,array) {
        console.log("索引"+index+"，，，内容"+value+"你的数组"+array);
    })

 arr.forEach(function (v) { //只带一个参数的情况。
     console.log(v)
 });

 arr.forEach(v=>console.log(v));  //这是es6的写法
-------------------------------------------------------------------------------
知识点4----map方法会返回一个全新的数组。

var arr=[11,34,55,66,77];

   arr.map(function (v,i,arr) {
    //  console.log(i); //i是索引值  从0开始的
    //  console.log(v) //v代表的是类容
     console.log(arr[i]) //输出类容
   })

=====》es6
arr.map(v=>console.log(v))
--------------------------------------------------------------------------------
//    map会返回一个全新的数组
    var move=[
        {name:"张三", score:"9.3"},
        {name:"李四", score:"8"}
        ];

    move.map(function (v) {
        v.score=parseFloat(v.score) ；//将字符串变为了数字类型的。
        return v;
    });
    console.log(move);
------------------------------------------------------------------------------------
知识点5-------用于过滤数组。有全新的返回值。arr.filter
var arr=[11,34,55,66,77];
var newarr=arr.filter(function (v) {
    return v>20;
})
console.log(newarr); //var newarr=[34,55,66,77];

----------------------------------------------------------
总结：map 和filter的用法  参数一致。
相同点：都是由返回全新的数组。参数都是有三个。都是在回调函数中。
不通电：filter主要用于过滤。
有5个循环的方法 for in     for of       forEach     map        filter 

总结：熟悉js,对于es6很了解。比如说新增的五种循环的方法，  for in     for of       forEach     map        filter 

for in和for of的区别
for in可以循环数组和对象,主要用于循环对象。                   for of循环数组  
第一个参数是索引或者是键名                                  第一个参数是 输出的值  

相同点：都有两个参数      
for in比for of强大

forEach也是用来循环数组的，它是没有返回值的。

总结：map 和filter的用法  参数一致。
相同点：都是由返回全新的数组。参数都是有三个。都是在回调函数中。
不通电：filter主要用于过滤。
有5个循环的方法 for in     for of       forEach     map        filter