Map.forEach如何优雅的跳出循环？

Question

const m = new Map();

m.set('a1', 1);
m.set('a2', 1);
m.set('a3', 1);
m.set('a4', 1);

function fun1(map) {
  map.forEach((v, k) => {
    return k;
  });
}

console.log(fun1(m)); // `undefined`

请问如何让他输出 a1 呢？

https://developer.mozilla.org...

Answer 1

用forEach是优雅不了了，可以试下for of

function fun1(map) {
  for (const [k, v] of map) {
    return k;
  }
}

Answer 2

这和是不是Map没啥关系，主要是forEach终止不了，毕竟只是个封装好了的方法。
优雅是优雅不了的，想终止只能try...catch...抛出异常来强行终止，这种写法和优雅俩字应该扯不到一起去。
总结：还是for...of...来的实在一点

Answer 3

够胆的话你可以从原型链改：

Map.prototype.forEach = function(callback){
    this.breakForEach = false;
    for(let [index, value] of this){
        if(this.breakForEach){
            return 
        }
        callback(value, index, this);
    }
}
Map.prototype.break = function(){
    this.breakForEach = true;
}

当你想要中止循环的时候，调用 this.break 就可以：

map.forEach(function(value){
    console.log(value);
    this.break();
});

我没测试过，也没有注意 Map 和 Array 的 forEach 是不是完全一样(我按照 Array 的标准写的)，但是应该是可以用的。

Answer 4

你的代码有几个问题:
(1) => 本身就是一个函数，你 return 只是结束了当前轮的 forEach 而已，不是 fun1 的 return

(2) forEach 不支持返回值

    const m = new Map();

    m.set('a1', 1);
    m.set('a2', 1);
    m.set('a3', 1);
    m.set('a4', 1);

    let r = m.forEach((v, k) => {
        return k
    })
    console.log(r)

这个代码返输出的是 undefined

(3) forEach() 无法在所有元素都传递给调用的函数之前终止遍历
所以如楼上的兄弟所说，用 for of 吧

    const m = new Map();

    m.set('a1', 1);
    m.set('a2', 1);
    m.set('a3', 1);
    m.set('a4', 1);

    function fun1(map) {
        for (const [k, v] of map) {
            return k;
        }
    }

    console.log(fun1(m))

输出 a1