我正在从file1.js导出一个数组变量:

// file1.js
const myArray = [
    {
        "name": "Judah Hendricks",
        "email": "[email protected]",
        "hobbies": [
            {
                "sports": "tennis",
                "recent": true
            },
            {
                "sports": "football",
                "recent": false
            },
            {
                "sports": "volleyball",
                "recent": false
            }
        ]
    },
    {
        "name": "Jakeem Olsen",
        "email": "[email protected]",
        "hobbies": [
            {
                "sports": "swimming",
                "recent": false
            },
            {
                "sports": "running",
                "recent": true
            }
        ]
    }
];
module.exports = { myArray };

我把它用在一条路线上:
//main.js
const { myArray } = require('./file1.js');
router.get('/getData', (req, res) => {
    dataBase.users.findOne({ email: req.user.email }, function(error, data){
        if (data){
            const myDataClone = [...myArray];
            let newData = [];
            newData = myDataClone.map( dt => {
                dt.oldHobbies = []
                for (let i = 0; i < dt.hobbies.length; i++) { // Cannot read property 'length' of undefined
                    if (dt.hobbies[i].recent) {
                        dt.recentHobby = dt.hobbies[i];
                    } else {
                        dt.oldHobbies.push(dt.hobbies[i]);
                    }
                }
                delete dt.hobbies;
                return dt;
            })
            return res.status(200).json({userInfo: newData})
        } else {
            // do another
        }
    });
}

当我第一次到达这个路径时,它返回预期的数据。我的问题是,当我第二次重新访问此路由时,无法读取dt.hobbies的undefined的“length”属性。
有人能帮我弄明白这里出了什么问题,怎么解决吗?

最佳答案

问题在于:

const myDataClone = [...myArray];

您只是浅克隆数组,而不是深克隆它;尽管myDataClone数组与myArray不同,但两个数组中的对象引用内存中的相同对象。所以,当你
delete dt.hobbies;

原始对象的hobbies属性也会被删除,这意味着当您稍后尝试访问对象的hobbies属性时,会抛出错误。
改为在开头制作一个深度克隆来修复它:
const myDataClone = JSON.parse(JSON.stringify(myArray));

如前所述,hereJSON.parse(JSON.stringify())可能是深入克隆对象的最快方法。还有其他一些方法,比如添加jquery作为依赖项并使用jQuery.extend,或者编写自己的自定义克隆函数,但是序列化和反序列化工作得很好。

09-30 19:26