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
原文地址:https://www.cnblogs.com/IwishIcould/p/11261439.html