js复杂对象和简单对象的简单转化

时间:2021-10-22 23:25:07
var course = {
teacher :{
teacherId:001,
teacherName:"王"
},
course : {
courseId : 120,
courseName : "开心一笑"
},
admin : "班主任"
}
var obj_help = {
obj_tansform: function (data, temple) {
//子对象转化为指定结构的复杂对象
var _self = this;
var callee = function (obj) {
for (key in obj) {
if (typeof obj[key] === "object" && (!_self.obj_isArray(obj[key]))) {
obj[key] = callee(obj[key]);
} else {
obj[key] = data[key] ? data[key] : "";
}
}
return obj;
}
return callee(temple);
},
obj_revange: function (data) {
//转化为简单对象(不存在子对象)
var _self = this;
var _data = {};
var Rcallee = function (obj) {
for (key in obj) {
if (typeof obj[key] === "object" && (!_self.obj_isArray(obj[key]))) {
obj[key] = Rcallee(obj[key]);
} else {
_data[key] = obj[key];
}
}
}
Rcallee(data);
return _data;
},
obj_isArray: function (arr) {
return arr != null && typeof arr === "object" && 'splice' in arr && "join" in arr;
},
removeBlank: function (str) {
try {
return str.replace(/(^\s*)|(\s*$)/g, "");
} catch (e) {
console.log(str);
}
}
}
console.log(obj_help.obj_revange(course));

输出结果

js复杂对象和简单对象的简单转化

倘若这样调用

var teacherMes = {
teacherName:"",
course:{
teacherId :"",
courseMes :{
courseId:"",
courseName:"",
admin:""
}
}
}
var data = obj_help.obj_revange(course); console.log(obj_help.obj_tansform(data,teacherMes));

那么输出结果

js复杂对象和简单对象的简单转化

第一个函数是按照你给的模版初始化对象,第二个是把复杂的对象的子对象的属性全部提取到同一个对象下,

实际的可以使用的地方并不少,比如后台返回的json是一个复杂的对象,那么你可以直接简单化处理,同样提交数据时使用按照模版格式化数据后提交。

可以大大的减少由于属性在子对象下造成的困扰。