我正在导出一个变量,它是来自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
未定义的属性“长度”。
有人可以帮我理解这里有什么问题以及如何解决它?
答案 0 :(得分:3)
问题在于:
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
,或编写自己的自定义克隆函数,但序列化和反序列化工作正常。