引用数组位置（不是元素）的 Javascript 数组

Question

更新：

许多人问为什么不使用[arr[0], arr[1]]。问题是我必须将此数组传递给我无权访问Angular Material Table 的方法。而且我不想一遍又一遍地调用该方法。

我已经处理了arr 数组，我不想处理pointer 数组来反映我已经知道它在哪里的新数据。

Nina Scholz answer 似乎解决了这个问题。

---

有没有办法在 Javascript 中使用像 C 这样的“指针”？

我想做的是：

我有一个包含对象的数组

const arr = [
    {prop: 3},
    {prop: 4},
];

我想要一个数组来指向这个数组的位置

const pointer = [arr[0], arr[1]]; // I want pointer to point to be an array containing the first and second elements of arr

这将获得对 {prop: 3} 和 {prop: 4} 对象的引用，这不是我想要的，因为如果我这样做：

arr.splice(0, 0, {prop: 1}); // arr => [{prop:1},{prop:3},{prop:4}]
console.log(pointer); // [{prop: 3},{prop: 4}]

如您所见，pointer 持有对对象{prop:3} 和{prop:4} 的引用。

如何实现pointer 来保存对数组位置0 的引用，而不是存储在其中的对象？那么，在这个例子中，pointer => [{prop:1},{prop:3}]?

我不能一直调用pointer = [arr[0], arr[1]]，因为arr 会不断地异步变化。

是否有一种“反应式”的方式来处理数组？

Answer 1

如果你的指针总是指向同一个数组，你可以简单地存储索引。

const pointer = [0, 1];

然后你会使用：

console.log(pointer.map(ptr => arr[ptr]));

如果您的指针可以指向不同的数组，您可以使pointer 的元素成为包含对数组的引用及其索引的对象。

const pointer = [{a: arr, i: 0}, {a: arr1, i: 1}];
console.log(pointer.map(({a, i}) => a[i]));

有趣的是：几十年前，我使用 C 实现 Symbolics Lisp 机器。这基本上就是它表示 C 指针的方式。

Answer 2

您可以使用 getter 函数并返回实际对象的元素。

const arr = [{ prop: 3 }, { prop: 4 }];
const pointer = [];

Object.defineProperty(pointer, 0, { get() { return arr[0]; } });
Object.defineProperty(pointer, 1, { get() { return arr[1]; } });

arr.splice(0, 0, { prop: 1 });
console.log(pointer);

Answer 3

您可以使用Proxy（IE 不支持）和get trap：

const arr = [{ prop: 3 }, { prop: 4 }];

const pointer = new Proxy([], {
  get(target, prop, receiver) {
    // if the prop is a string that can be converted to a number
    // return the corresponding value from the arr
    if(typeof prop === 'string' && !isNaN(Number(prop))) return arr[target[prop]];

    return Reflect.get(target, prop, receiver);
  }
});

pointer.push(0, 1);
console.log(pointer);

arr.splice(0, 0, { prop: 1 });
console.log(pointer);