【study】Map的基操用法

1、含义：

• Map对象是键值对的集合。 中的键Map 只能出现一次；它在Map的集合中是唯一的。Map对象通过键值对进行迭代 —每次迭代for...of循环都会返回一个 2 成员数组。 迭代按插入顺序进行，这对应于该方法首次将每个键值对插入到映射中的顺序（即，调用时映射中没有具有相同值的键）。[key, value]**set()set()

  <script>
        const statusMap = new Map([
            [1, '李钟硕'],
            [2, '黄明昊'],
            [3, '范丞丞'],
        ]);
        
        // get, 找不到key返回undefined
        console.log(statusMap.get(1))

        // keys()
        for (let key of statusMap.keys()) {
            console.log(key) // 1,2,3
        }

        // values()
        for (let value of statusMap.values()) {
            console.log(value)
        }

        // entries()
        for (let item of statusMap.entries()) {
            console.log(item[0], item[1])
        }

        // size
        console.log(statusMap.size)

        // set
        statusMap.set(4,'杨超越')
        console.log(statusMap)

        // has, 返回一个布尔值
        console.log(statusMap.has(4))

        // delete, 返回一个布尔值
        console.log(statusMap.delete(4))

        // clear, 清除所有，没有返回值
        statusMap.clear()
        console.log(statusMap)
    </script>

// 表格数字回显可设置

第一种方法：使用new Map
const statusListMap = new Map([
    [1, '11'],
    [2, '22'],
    [3, '33'],
    [4, '44'],
    [5, '55'],
    [6, '66'],
    [7, '77'],
    [10, '88'],
]);

const a = statusListMap.get(1)

console.log(a)


第二种方法：使用find
export const contentTypeList = [{
    label: '1',
    value: '11',
}, {
    label: '2',
    value: '22',
},
];

// list- 整个数组  
// value - 返回的字段
export function getListContentValue(list, value) {
    const statusItem = list.find(item => item.value === value);
    return statusItem ? statusItem.label : '--';
}