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

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

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

代码语言：javascript复制

// 创建一个空的 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()函数取到数组里面的值

代码语言：javascript复制

<!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

代码语言：javascript复制

{
    "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
        }
    ]
}

map 对象管理函数数组

0 人点赞