JavaScript原生数组不支持负数索引，但可通过Proxy拦截get操作实现：当prop为纯负整数字符串（如"-1"）时，转换为正向索引（length + parseInt(prop)）并返回对应元素，其余属性保持原生行为。
![如何利用 proxy 实现“魔法数组”：支持负数索引访问 (如 arr[-1])](https://img.php.cn/upload/article/001/242/473/177829432885456.jpg)
JavaScript 原生数组不支持负数索引（如 arr[-1] 会返回 undefined），但借助 Proxy 可以拦截属性读取行为，动态处理负索引，实现类似 Python 的“魔法数组”效果。
核心思路：用 Proxy 拦截 get 操作
Proxy 的 get(target, prop, receiver) 拦截器能捕获所有属性访问。我们只需判断 prop 是否为有效的负数字符串索引（如 "-1"、"-2"），并将其转换为正向索引（length + parseInt(prop)）后从原数组取值。
-
prop是字符串类型，需先用parseInt转数字再判断是否为负整数 - 仅对形如
"-1"、"-123"的纯负整数字符串做转换；"-1.5"、"abc"、"length"等保持原行为 - 仍需保留原生数组的所有能力（方法、
length、迭代等），所以target必须是真实数组
基础实现：支持读取负索引
以下是一个最小可用版本：
function magicArray(...items) {
const arr = items;
return new Proxy(arr, {
get(target, prop) {
if (typeof prop === 'string' && prop.startsWith('-') && /^\-\d+$/.test(prop)) {
const idx = parseInt(prop, 10);
const actualIdx = target.length + idx;
if (actualIdx >= 0 && actualIdx < target.length) {
return target[actualIdx];
}
return undefined; // 越界仍返回 undefined，与原生一致
}
return target[prop]; // 其他情况（如 length、push、forEach）走原生逻辑
}
});
}
<p>// 使用示例
const arr = magicArray('a', 'b', 'c');
console.log(arr[-1]); // 'c'
console.log(arr[-2]); // 'b'
console.log(arr[0]); // 'a'
console.log(arr.length); // 3（未被拦截，正常返回）
增强版：同时支持负索引的写入与删除
若还需支持 arr[-1] = 'x' 或 delete arr[-1]，需补充 set 和 deleteProperty 拦截器：
-
set：对负索引计算实际位置后赋值（注意要触发响应式或保持数组长度） -
deleteProperty：对负索引转为正索引后调用splice删除（⚠️删除会改变后续索引，且delete arr[i]本身在数组上不推荐，更建议用splice） - 注意：直接设置超出当前长度的负索引（如
arr[-10] = 1）应谨慎处理——可选择忽略、抛错或自动填充
注意事项与边界情况
这种封装不是“真正”的数组子类，而是一个代理对象：
-
Array.isArray(magicArray())返回false，因为它是 Proxy 实例；如需兼容，可额外包装或使用Symbol.toStringTag - 某些依赖
instanceof Array或内部 [[Class]] 的库可能无法识别，生产环境建议配合类型守卫（如Array.isArray(x) || isMagicArray(x)） - 性能敏感场景慎用：每次属性访问都经过 JS 层拦截，高频负索引访问比直接
arr[arr.length - 1]略慢 - 不改变原数组原型链，所有数组方法（
map、filter）仍可用，返回的是普通数组而非 magicArray
