Uncaught：'ownKeys‘on proxy: trap结果不包括'length’

Question

作为上面的标题，我这里有一个代码，尝试捕获数组，当我循环代理数组对象的键时，它会给我一个错误。

    //random array
    let userinfo = [1,2,3,4,5,6]
    
    //trap own keys
    userinfo = new Proxy(userinfo,{
        ownKeys(target){
            return Object.keys(target).filter(item=> item>2)
        }
    })
    
    for(let key in userinfo){  //cause error
        console.log(key)
    }

Answer 1

Object.keys不会返回ownKeys所期望的所有内容，因为它将省略符号键，而且重要的是，在某些情况下，它将包括不可枚举的属性。你至少要做一次

ownKeys(target){
    return Reflect.ownKeys(target).filter(key => {
        const numKey = +key;
        return Number.isNaN(numKey) || numKey > 2;
    });
}

为了说明这一点，您的代码有两个主要问题：

1. ownKeys和Object.keys返回不同的东西
   • Object.keys([1,2,3]) => [ '0', '1', '2' ]
   • Reflect.ownKeys([1,2,3]) => [ '0', '1', '2', 'length' ]

1. .filter(item=> item>2)假设所有键都是数字的，'length' > 2返回false，因此过滤器会错误地从数组中删除length。只应移除数字键<= 2.

。