js获取遍历后台传过来的map对象

2024-05-29 09:58

本文主要是介绍js获取遍历后台传过来的map对象,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.后台代码

public ModelMap totalWechatData(){ModelMap map =new ModelMap();//1.查询发布日期热度词String xaxisData[]={"wechat_pulbic_num","webpage_wechat","webpage_pic","image_search"};List<WechatTotalDomain> yzxisDataList=new ArrayList<WechatTotalDomain>();
  Map<String,List<Integer>> dataMap=new HashMap<String,List<Integer>>();for(int k=0;k<xaxisData.length;k++){if(k==0){List<Integer> list1=new ArrayList<Integer>();list1.add(4804);list1.add(1444);list1.add(1332);list1.add(890);dataMap.put(xaxisData[k],list1);}if(k==1){List<Integer> list1=new ArrayList<Integer>();list1.add(5506);list1.add(1674);list1.add(456);list1.add(990);dataMap.put(xaxisData[k],list1);}if(k==2){List<Integer> list1=new ArrayList<Integer>();list1.add(6040);list1.add(1823);list1.add(1484);list1.add(1116);dataMap.put(xaxisData[k],list1);}if(k==3){List<Integer> list1=new ArrayList<Integer>();list1.add(6311);list1.add(1902);list1.add(1745);list1.add(1215);dataMap.put(xaxisData[k],list1);}}map.put("xaxisData",xaxisData);
    map.put("yzxisdataMap",dataMap);return map;
}

前台遍历:

$.post("wechat_report/totalWechatData",{}, function (data, status) {var xhotData=data.xaxisData;var yhotData=data.yzxisdataMap;alert(  Object.getOwnPropertyNames(yhotData).length);/**  方式一
    for(var k in yhotData){alert("key名称是:"+k+",key的值是:"+yhotData[k]);}**/
    for(var k=0;k<Object.getOwnPropertyNames(yhotData).length;k++ ){alert("keys名称是:"+xhotData[k]+",keys的值是:"+yhotData[xhotData[k]]);}
});

3.获取长度:

Object.getOwnPropertyNames(yhotData).length

这篇关于js获取遍历后台传过来的map对象的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1013345

相关文章

C#如何在Excel文档中获取分页信息

《C#如何在Excel文档中获取分页信息》在日常工作中,我们经常需要处理大量的Excel数据,本文将深入探讨如何利用Spire.XLSfor.NET,高效准确地获取Excel文档中的分页信息,包括水平... 目录理解Excel中的分页机制借助 Spire.XLS for .NET 获取分页信息为什么选择 S

springboot3.x使用@NacosValue无法获取配置信息的解决过程

《springboot3.x使用@NacosValue无法获取配置信息的解决过程》在SpringBoot3.x中升级Nacos依赖后,使用@NacosValue无法动态获取配置,通过引入SpringC... 目录一、python问题描述二、解决方案总结一、问题描述springboot从2android.x

springboot的controller中如何获取applicatim.yml的配置值

《springboot的controller中如何获取applicatim.yml的配置值》本文介绍了在SpringBoot的Controller中获取application.yml配置值的四种方式,... 目录1. 使用@Value注解(最常用)application.yml 配置Controller 中

golang实现nacos获取配置和服务注册-支持集群详解

《golang实现nacos获取配置和服务注册-支持集群详解》文章介绍了如何在Go语言中使用Nacos获取配置和服务注册,支持集群初始化,客户端结构体中的IpAddresses可以配置多个地址,新客户... 目录golang nacos获取配置和服务注册-支持集群初始化客户端可选参数配置new一个客户端 支

sqlserver、mysql、oracle、pgsql、sqlite五大关系数据库的对象名称和转义字符

《sqlserver、mysql、oracle、pgsql、sqlite五大关系数据库的对象名称和转义字符》:本文主要介绍sqlserver、mysql、oracle、pgsql、sqlite五大... 目录一、转义符1.1 oracle1.2 sqlserver1.3 PostgreSQL1.4 SQLi

Java Map排序如何按照值按照键排序

《JavaMap排序如何按照值按照键排序》该文章主要介绍Java中三种Map(HashMap、LinkedHashMap、TreeMap)的默认排序行为及实现按键排序和按值排序的方法,每种方法结合实... 目录一、先理清 3 种 Map 的默认排序行为二、按「键」排序的实现方式1. 方式 1:用 TreeM

Python版本信息获取方法详解与实战

《Python版本信息获取方法详解与实战》在Python开发中,获取Python版本号是调试、兼容性检查和版本控制的重要基础操作,本文详细介绍了如何使用sys和platform模块获取Python的主... 目录1. python版本号获取基础2. 使用sys模块获取版本信息2.1 sys模块概述2.1.1

JavaScript对象转数组的三种方法实现

《JavaScript对象转数组的三种方法实现》本文介绍了在JavaScript中将对象转换为数组的三种实用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友... 目录方法1:使用Object.keys()和Array.map()方法2:使用Object.entr

Java发送SNMP至交换机获取交换机状态实现方式

《Java发送SNMP至交换机获取交换机状态实现方式》文章介绍使用SNMP4J库(2.7.0)通过RCF1213-MIB协议获取交换机单/多路状态,需开启SNMP支持,重点对比SNMPv1、v2c、v... 目录交换机协议SNMP库获取交换机单路状态获取交换机多路状态总结交换机协议这里使用的交换机协议为常

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②