
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
发表评论
最新留言
很好
[***.229.124.182]2025年04月22日 19时49分03秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Docker+Jenkins+GIT CICD持续化集成实战
2023-01-24
Dockerfile 指令详解
2023-01-24
Docker安装MongoDB(附Docker虚拟机环境与MongoDB客户端连接工具)
2023-01-24
DRBD分布式存储解决方案实战
2023-01-24
DRBL+Clonezilla全自动批量安装操作系统
2023-01-24
DSMM数据安全概述
2023-01-24
Dva员工增删改查Demo实现-优化
2023-01-24
EasyUi的使用与代码编写(一)
2023-01-24
eclipse配置tomcat8.5报错The Apache Tomcat installation at this directory is version 8.5.4. A Tomcat
2023-01-24
eclipse配置xml的自动提示
2023-01-24
"不能为虚拟电脑 ubuntu 打开一个新任务"的解决办法
2023-01-24
eclipse重置页面恢复到最初布局状态
2023-01-24
ecmall开发记录(一)
2023-01-24
ECSHOP实现收货国家省市由选择下拉菜单改为手动
2023-01-24
ECShop模板原理
2023-01-24
edgeboxes proposal 和dpm 连接
2023-01-24
EdgeX Foundry:开启边缘计算新时代
2023-01-24
EdgeX Foundry:边缘计算的创新平台
2023-01-24
EdgeX Foundry:边缘计算的未来趋势与应用
2023-01-24