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]);
    }

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

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

相同点:都有两个参数      
for in比for of强大写
------------------------------------------------------------------------------
知识点3------- //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 

猜你喜欢

转载自www.cnblogs.com/IwishIcould/p/11261439.html