Map() 函数是 JavaScript 中的一个内置函数，用于创建一个键值对的映射。Map 对象提供了一种类似字典（Dictionary）的数据结构，其中的键和值可以是任意类型的。

以下是 Map() 函数的基本用法：

// 创建一个空的 Map
const map = new Map();

// 添加键值对
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

// 获取值
const value1 = map.get('key1'); // 返回 'value1'

// 检查键是否存在
const hasKey = map.has('key2'); // 返回 true

// 删除键值对
map.delete('key3');

// 清空 Map
map.clear();

// 获取 Map 的大小（键值对的数量）
const size = map.size; // 返回 0

在上面的示例中，首先使用 new Map() 创建一个空的 Map 对象。 然后，使用 set() 方法添加键值对到 Map 中，其中键是字符串，值可以是任意类型。

  • 可以使用 get() 方法根据键获取对应的值。
  • has() 方法用于检查指定的键是否存在于 Map 中。
  • 使用 delete() 方法可以删除指定键的键值对，
  • 而 clear() 方法可以清空整个 Map。
  • 使用 size 属性可以获取 Map 中键值对的数量。

除了基本操作，Map() 对象还提供了其他常用的方法，如

  • forEach()、
  • keys()、
  • values() 和
  • entries() 等，

用于遍历和获取 Map 中的键、值或键值对。

总结，Map() 函数是 JavaScript 中用于创建键值对映射的内置函数，它提供了一组用于操作和访问键值对的方法。你可以使用 Map 对象来存储和操作数据，特别适用于需要快速查找和索引的场景。

#####使用Map()函数取到数组里面的值

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no" />
		<link href="css/history.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/bootstrap-theme.min.css">
		<title>history</title>
		<style>
			.cont {
				border: 1px solid #000;
				width: 260px;
				margin-bottom: 13px;
			}
		</style>
	</head>
	<body>
	
	<span class="PRISON_NAME"></span>
	<span class="PRISON_LEVEL"></span>
	<span class="offenders"></span>
	<span class="Criminalpatrol"></span>
	<span class="criminalmanagement"></span>
	</body>

	<script src="jquery-2.1.1.min.js"></script>
	<script>
	
	
	$.ajax({
	  url: '1.json',
	  type: 'GET',
	  dataType: 'json',
	  success: function(response) {
	    // 将数据存入 Map 对象 全局
	    		var dataMap = new Map();
	    		response.data.forEach(function (item) {
	    			dataMap.set(item.name, item.value);
	    		});
	    	
	    		//罪犯
	    		var PRISON_NAME = dataMap.get('PRISON_NAME');
	    		$('.PRISON_NAME').text(PRISON_NAME);
				
	    		//罪犯等级
	    		var PRISON_LEVEL = dataMap.get('PRISON_LEVEL');
	    		$('.PRISON_LEVEL').text(PRISON_LEVEL);
				
	    		//罪犯点名
	    		var offenders = dataMap.get('offenders');
	    		$('.offenders').text(offenders);
				
	    		//罪犯巡更
	    		var Criminalpatrol = dataMap.get('Criminalpatrol');
	    		$('.Criminalpatrol').text(Criminalpatrol);
				
	    		//罪犯管理
	    		var criminalmanagement = dataMap.get('criminalmanagement');
	    		$('.criminalmanagement').text(criminalmanagement);
	  },
	  error: function(xhr, status, error) {
	    console.log(error);
	  }
	});
	</script>


</html>

json

{
    "msg": "查询成功",
    "code": 1,
    "data": [
        {
            "id": 1,
            "name": "PRISON_NAME",
            "value": "罪犯",
            "typeId": 1
        },
        {
            "id": 2,
            "name": "PRISON_LEVEL",
            "value": "罪犯等级",
            "typeId": 1
        },
        {
            "id": 3,
            "name": "offenders",
            "value": "罪犯点名1",
            "typeId": 1
        },
        {
            "id": 4,
            "name": "Criminalpatrol",
            "value": "罪犯巡更1",
            "typeId": 1
        },
        {
            "id": 5,
            "name": "criminalmanagement",
            "value": "罪犯管理",
            "typeId": 1
        }
    ]
}