Как создать объект с регистронезависимыми ключами?

Question

[Надим]

Это в принципе возможно такое?

Чтобы оба свойства ниже выдавали одно и то же:

// .. Создаем объект каким-нибудь хитрым образом и ...

console.log(obj['Test']);
console.log(obj['teSt']);

Answer 1

[0xD34F]

Если завернуть объект в Proxy, можно будет изменять ключи при обращениях к объекту:

const obj = new Proxy({}, {
  get(target, key) {
    const lowerKey = key.toLowerCase();
    return target[Object.hasOwn(target, lowerKey) ? lowerKey : key];
  },
  set(target, key, val) {
    target[key.toLowerCase()] = val;
    return true;
  },
  has(target, key) {
    return key in target || key.toLowerCase() in target;
  },
  defineProperty(target, key, descriptor) {
    return Object.defineProperty(target, key.toLowerCase(), descriptor);
  },
  deleteProperty(target, key) {
    return delete target[key.toLowerCase()];
  },
  getOwnPropertyDescriptor(target, key) {
    return Object.getOwnPropertyDescriptor(target, key.toLowerCase());
  },
});

Comments

[Надим]

Полезная фича этот ваш прокси, надо запомнить. Бывает приходится работать с заголовками запроса и не очень удобно при этом писать .get() и .set(), а так сразу можно к свойствам напрямую обращаться.

headers = new Proxy(new Headers({
    'Content-Type': 'text/plain'
}), {
  get(target, prop) {
    return target.get(prop);
  },
  set(target, prop, val) {
    return target.set(prop, val);
  }
});

console.log(headers['coNtent-typE']);