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