php自己实现map,在JavaScript中实现自己的Map对象

HashMap在程序设计中,具有无可替代的重要作用。它提供m.put(key,value); m.get(key);之类的数据存储及读取方式,非常方便。但在JavaScript(HTML4.0的版本) 中,并没有提供这样的一种对象。以下这段代码用于创建Map对象,我已使用多年,效果良好,供需要的朋友参考。

一、Map源代码

/** Map is a general map object for storing key value pairs

* @param m - default set of properties

*/

var Map =function(m) {

var map;

if (typeof m == 'undefined') map = new Array();

else map = m;

/**

* Get a list of the keys to check

*/

this.keys = function() {

var _keys = new Array();

for (var _i in map){

_keys.push(_i);

}

return _keys;//

};

/**

* Put stores the value in the table

* @param key the index in the table where the value will be stored

* @param value the value to be stored

*/

this.put = function(key,value) {

map[key] = value;

};

/**

* Return the value stored in the table

* @param key the index of the value to retrieve

*/

this.get = function(key) {

return map[key];

};

/**

* Remove the value from the table

* @param key the index of the value to be removed

*/

this.remove = function(key) {

map[key]=null;

delete map[key];

};

/**

* Clear the table

*/

this.clear = function() {

delete map;

map = new Array();

};

}

二、创建Map对象

var m=new Map();

m.put("id","1000");

m.put("name","张三");

三、运用 www.2cto.com

document.getElementById("testMap").innerHTML=m.get("name");

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您可以按照以下步骤来实现: 1. 首先,在您的PHP代码连接到MySQL数据库,使用PHP的mysqli或PDO扩展来执行查询语句,获取您需要的数据。 2. 将这些数据格式化为您想要的JSON格式,以便在echarts使用。 3. 在您的HTML文件引入echarts库,并创建一个具有合适配置的div容器。 4. 使用JavaScript将您的JSON数据传递给echarts实例,并使用其提供的API来创建地图图表。 下面是一个简单的示例代码,可以帮助您开始: PHP代码: ``` //连接到MySQL数据库 $conn = new mysqli($servername, $username, $password, $dbname); //执行查询语句 $sql = "SELECT province, value FROM your_table"; $result = $conn->query($sql); //格式化数据为JSON格式 $data = array(); while($row = $result->fetch_assoc()) { $data[] = array( 'name' => $row['province'], 'value' => $row['value'] ); } $json_data = json_encode($data); ``` HTML代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Map Chart</title> <!-- 引入echarts库 --> <script src="https://cdn.jsdelivr.net/npm/echarts@5.1.1/dist/echarts.min.js"></script> </head> <body> <!-- 创建容器 --> <div id="map" style="width: 800px; height: 600px;"></div> <script> //使用JSON数据创建地图图表 var myChart = echarts.init(document.getElementById('map')); var option = { title: { text: 'Map Chart' }, tooltip: { trigger: 'item' }, series: [{ type: 'map', map: 'china', data: <?php echo $json_data; ?> }] }; myChart.setOption(option); </script> </body> </html> ``` 请注意,这只是一个简单的示例,您可能需要根据您的数据和需求进行更改和调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值