我正在导出一个变量,它是file1.js中的一个数组:
// file1.js
const myArray = [
{
"name": "Judah Hendricks",
"email": "diam@lobortis.net",
"hobbies": [
{
"sports": "tennis",
"recent": true
},
{
"sports": "football",
"recent": false
},
{
"sports": "volleyball",
"recent": false
}
]
},
{
"name": "Jakeem Olsen",
"email": "at@tellus.org",
"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
的未定义的属性'length‘。有没有人能帮我了解这里出了什么问题,以及如何修复它?
发布于 2018-06-10 04:35:10
问题出在这里:
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
,或者编写您自己的自定义克隆函数,但序列化和反序列化工作得很好。
https://stackoverflow.com/questions/50778258
复制相似问题