如何在维护键查找的同时保持Javascript对象/数组的有序？

const orderedMap = new Map();

orderedMap.set('a', 1);
orderedMap.set('b', 2);
orderedMap.set('c', 3);

// 遍历顺序与插入顺序一致
for (const [key, value] of orderedMap) {
  console.log(key, value);
}

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

// 通过索引查找
function findByName(name) {
  return array.find(item => item.name === name);
}

console.log(findByName('Bob')); // { id: 2, name: 'Bob' }

class OrderedArray {
  constructor() {
    this.array = [];
    this.indexMap = new Map();
  }

  add(item) {
    const index = this.array.length;
    this.array.push(item);
    this.indexMap.set(item.id, index);
  }

  get(id) {
    const index = this.indexMap.get(id);
    return index !== undefined ? this.array[index] : undefined;
  }
}

const orderedArray = new OrderedArray();
orderedArray.add({ id: 1, name: 'Alice' });
orderedArray.add({ id: 2, name: 'Bob' });
orderedArray.add({ id: 3, name: 'Charlie' });

console.log(orderedArray.get(2)); // { id: 2, name: 'Bob' }