5种循环
发布日期:2021-05-25 01:14:35 浏览次数:15 分类:博客文章

本文共 3021 字,大约阅读时间需要 10 分钟。

 

 

/知识点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]) //输出类容   })=====》es6arr.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.filtervar 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

 

上一篇:02vuex-modules
下一篇:往对象数组里面添加相同的key 不同的value 和删除相同的key值

发表评论

最新留言

很好
[***.229.124.182]2025年04月22日 19时49分03秒