如何在JavaScript的Map对象中查找索引并获取前序元素？

Map是ES6引入的有序集合，要实现需求可以按以下步骤操作：

• 将Map的所有条目转换为数组：Map的entries()方法返回迭代器，通过展开语法[...]或Array.from()可转为包含键值对的数组
• 找到目标键在数组中的索引：使用findIndex()遍历数组，匹配目标键
• 验证索引有效性后获取前一个元素：确保索引大于0（避免越界），再取索引index-1处的元素

完整代码示例 #

let input = new Map([
    [ 
      "gfg4343434333r",
      { "group": 1, "groupId": "ae027a9e56a2" }
    ],
    [ 
       "5ae027a9e56a2",
        { "group": 2, "groupId": "434346456454" }
    ],
    [ 
        "de027a9e56a2",
        { "group": 3, "groupId": "43343vvfbrrt4445" }
    ],
]);

const targetKey = "5ae027a9e56a2";
// 转换Map条目为数组
const mapEntries = [...input.entries()];
// 查找目标键的索引
const targetIndex = mapEntries.findIndex(([key]) => key === targetKey);

let prevElement;
if (targetIndex > 0) {
    // 获取前一个元素的键和值
    prevElement = mapEntries[targetIndex - 1];
    console.log("前一个元素的键：", prevElement[0]);
    console.log("前一个元素的值：", prevElement[1]);
} else {
    console.log("目标键是第一个元素，没有前一个元素");
}

代码说明 #

• mapEntries是二维数组，每个子数组的第一个元素是Map的键，第二个是对应的值
• findIndex()的回调中用解构([key])直接获取条目的键，简化匹配逻辑
• 增加索引判断是为了处理目标键为第一个元素的边界情况，避免返回undefined

内容的提问来源于stack exchange，提问作者Aren Trot