foreach 遍历map_怎么遍历map集合

foreach 遍历map_怎么遍历map集合一、原生jsforEach()和map()遍历共同点:1.都是循环遍历数组中的每一项。2.forEach()和map()里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、原生js forEach()和map()遍历

共同点:

     1.都是循环遍历数组中的每一项。

    2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。

   3.匿名函数中的this都是指Window。

   4.只能遍历数组。

1.forEach()

   没有返回值。

var ary = [12,23,24,42,1];
var res = ary.forEach(function (item,index,input) {
       input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->会对原来的数组产生改变;

2.map()

有返回值,可以return 出来。

var ary = [12,23,24,42,1];
var res = ary.map(function (item,index,input) {
    return item*10;
})
console.log(res);//-->[120,230,240,420,10];
console.log(ary);//-->[12,23,24,42,1];

注意:forEach 和 map 的回调函数里不支持 break 退出循环。如果使用 return 的话也只会退出当前那次循环的函数,循环还是会继续执行。如果想用 break 关键字,可以用原生的 for 循环。

二、jQuery $.each()和$.map()遍历

共同点:

即可遍历数组,又可遍历对象。

1.$.each()

没有返回值。$.each()里面的匿名函数支持2个参数:当前项的索引i,数组中的当前项n。如果遍历的是对象,k 是键,n 是值。

$.each( ["a","b","c"], function(i, n){
     alert( i + ": " + n );
});
$("span").each(function(i, n){
     alert( i + ": " + n );
});

$.each( { name: "John", lang: "JS" }, function(k, n){
     alert( "Name: " + k + ", Value: " + n );
});

$.each() 回调函数里可以用 return false 退出整个遍历,作用相当于 for 循环里的 break。$.map() 则不能退出。 

2.$.map()

有返回值,可以return 出来。$.map()里面的匿名函数支持2个参数和$.each()里的参数位置相反:数组中的当前项n,当前项的索引i。如果遍历的是对象,i 是,n 是键。如果是$(“span”).map()形式,参数顺序和$.each()  $(“span”).each()一样。

var arr=$.map( [0,1,2], function(n){
     return n + 4;
});
console.log(arr);
$.map({"name":"Jim","age":17},function(i,n){
     console.log(i+":"+n);
});

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/190991.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • vscode怎么快速生成html模板_vscode怎样新建HTML文件

    vscode怎么快速生成html模板_vscode怎样新建HTML文件1、直接在空白的html文件中,输入英文感叹号!2、点击回车键或者tab键,即可生成html模板

  • 第十三周周记

    第十三周周记

  • qt交叉编译环境搭建_qt socket

    qt交叉编译环境搭建_qt socketSSDP简介简单服务发现协议(SSDP,SimpleServiceDiscoveryProtocol)是一种应用层协议,是构成通用即插即用(UPnP)技术的核心协议之一。简单服务发现协议提供了在局部网络里面发现设备的机制。控制点(也就是接受服务的客户端)可以通过使用简单服务发现协议,根据自己的需要查询在自己所在的局部网络里面提供特定服务的设备。设备(也就是提供服务的服务器端)也可以通过使用简单服务发现协议,向自己所在的局部网络里面的控制点宣告它的存在。代码#include”widget.h”

    2022年10月11日
  • 十天冲刺-07

    十天冲刺-07

  • pycharm调试debug入门PDF_pycharm中debug无法单步调试

    pycharm调试debug入门PDF_pycharm中debug无法单步调试为了摈弃print的暴力调试法,在mentor的耳濡目染下,我开始了PyCharm的Debug。例程:defhelloworld():print(‘helloworld’)a=1b=2c=3foriinrange(5):print(i)a=3b=4c=5helloworld()print(‘end’)1.先设置红…

  • 加密原理详解:对称式加密 VS 非对称式加密[通俗易懂]

    加密原理详解:对称式加密 VS 非对称式加密[通俗易懂]一、前言在了解加密原理前,我们来看看这样一个故事。小红和小明是情侣,一天,小红给小明发短信说:“亲爱的,我银行卡上没有钱了,你给我转1万块吧。”有过上当受骗经历的人都知道这有可能是小偷偷了小红手提包,然后拿手机发的短信。不过我们小明学过加密原理,于是他回复说:“你直接拿我的银行卡刷吧,密码加上我们第一次约会的日期就是663156。”很明显,只有小明和小红知道他们第一次约会是什么时候,假设是2008年4月1号,那么小红就可以根据计算663156-200841=462315得到银行卡密码,就可以消费了。这

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号