5种循环

简介: 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个循环的方法 forin     for of       forEach     map        filter


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


for in和for of的区别


for in可以循环数组和对象,主要用于循环对象。                   for of循环数组  


第一个参数是索引或者是键名                                  第一个参数是 输出的值  


相同点:都有两个参数      


for in比for of强大


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


总结:map 和filter的用法  参数一致。


相同点:都是由返回全新的数组。参数都是有三个。都是在回调函数中。

不通电:filter主要用于过滤。


有5个循环的方法 forin     for of       forEach     map        filter

相关文章
|
6天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
10天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
617 215
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
859 61
|
8天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1302 157
|
5天前
|
编解码 Linux 数据安全/隐私保护
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
244 138
|
7天前
|
存储 安全 固态存储
四款WIN PE工具,都可以实现U盘安装教程
Windows PE是基于NT内核的轻量系统,用于系统安装、分区管理及故障修复。本文推荐多款PE制作工具,支持U盘启动,兼容UEFI/Legacy模式,具备备份还原、驱动识别等功能,操作简便,适合新旧电脑维护使用。
539 109