首页  >  问答  >  正文

javascript中扩展keys()和Map类的其他生成器方法

我需要使用一个对象作为我的地图的键,因此我扩展了将传递的对象字符串化的地图类,如下所示

class CoordMapper extends Map {
    set = (k: ISquareCoordinate, v: Array<ISquareCoordinate>) => {
        const stringifiedKey = JSON.stringify(k)
        return super.set(stringifiedKey,v)
    }

    get = (k: ISquareCoordinate) => {
        const stringifiedKey = JSON.stringify(k)
        return super.get(stringifiedKey)
    }
}

据我了解keys()、values()和entries()是生成器方法,因此我可以做类似的事情

* keys() {
   const keysArr = [...super.keys()]
   for (const key of keysArr){
      yield JSON.parse(key)
   }
}

但这会导致我加载所有我希望避免的键,有更好的方法吗?

编辑: 虽然 Map 确实将对象作为键,但它仅通过引用检查对象。举个例子

let newMap = Map()
const obj1 = {'a': 1, 'b' :2}
newMap.set(obj1, 123)
const copyObj1 = {...obj1}
console.log(newMap.get(obj1)) //returns 123
console.log(newMap.get(copyObj1)) //returns undefined

我还需要第二个 console.log 返回 123

P粉613735289P粉613735289258 天前438

全部回复(2)我来回复

  • P粉211273535

    P粉2112735352024-02-04 21:25:11

    为了防止将来有人在这里绊倒,有一个第三阶段提案 如果获得批准,将为迭代器添加语法糖,以便您可以执行如下操作:

    class CoordMapper extends Map {
      *keys() {
        yield* super.keys().map(key => JSON.parse(key));
      }
    }
    

    尝试一下(这还不起作用):

    console.config({ maximize: true });
    
    class CoordMapper extends Map {
      set(k, v) {
        return super.set(JSON.stringify(k), v)
      }
      get(k) {
        return super.get(JSON.stringify(k));
      }
      *keys() {
        console.log(super.keys())
        yield* super.keys().map(JSON.parse);
      }
    }
    
    const c = new CoordMapper();
    
    c.set({ foo: 'bar' }, 0);
    c.set({ baz: 42 }, 1);
    c.set({ qux: { lorem: 'ipsum' } }, [null, undefined]);
    
    for (const key of c.keys()) {
      console.log(key);
    }
    sssccc

    回复
    0
  • P粉311089279

    P粉3110892792024-02-04 00:20:53

    无需将所有父值收集到数组中,而是直接迭代它们:

    * keys() {
       const parentKeyIterator = super.keys();
       for (const key of parentKeyIterator){
          yield JSON.parse(key)
       }
    }

    这样,迭代器的惰性就被保留了:每次在扩展迭代器上调用 next() 时,它都会在 parentKeyIterator 上调用 next() 一次,然后到达 yield 语句,然后暂停。

    回复
    0
  • 取消回复