javascript nested object merge
2024-09-01 09:17:55
javascript nested object merge
deep copy
Object reference type
function namespace(oNamespace, sPackage) {
// deep copy
let res = oNamespace;
const arr = sPackage.split(".");
// ["a", "b", "c", "d"]
const len = arr.length;
for(let key of arr){
if(key in oNamespace){
if(typeof oNamespace[key] !== "object"){
oNamespace[key] = {};
} else {
// except
}
} else {
oNamespace[key] = {};
}
// ? 引用类型
oNamespace = oNamespace[key];
console.log(`\noNamespace ${key}`, JSON.stringify(oNamespace))
console.log(`res`, JSON.stringify(res))
// console.log(`oNamespace ${key}`, oNamespace)
// console.log(`\nres`, res)
}
console.log(`\noNamespace`, oNamespace)
console.log(`result =`, JSON.stringify(res))
return res;
}
// namespace({a: {test: 1, b: 2}}, 'a.b.c.d')
/*
// oNamespace a {"test":1,"b":2}
// res {"a":{"test":1,"b":2}}
// oNamespace b {}
// res {"a":{"test":1,"b":{}}}
// oNamespace c {}
// res {"a":{"test":1,"b":{"c":{}}}}
// oNamespace d {}
// res {"a":{"test":1,"b":{"c":{"d":{}}}}}
// oNamespace {}
// result = {"a":{"test":1,"b":{"c":{"d":{}}}}}
*/
shallow copy bug
Object.assign / {...obj, ...obj2}
function namespace(oNamespace, sPackage) {
const arr = sPackage.split(`.`).reverse();
// const arr = 'a.b.c.d'.split(`.`).reverse();
let obj = {};
for(let k of arr) {
obj = {[k]: obj}
}
// shallow copy bug
return Object.assign(oNamespace, obj);
// return obj;
}
function namespace(oNamespace, sPackage) {
const arr = sPackage.split(`.`).reverse();
// const arr = 'a.b.c.d'.split(`.`).reverse();
let obj = {};
for(let k of arr) {
obj = {[k]: obj}
}
// shallow copy bug
return {...oNamespace, ...obj};
// return obj;
}
deep copy OK
// deep merge objects
function isObject(item) {
return (item && typeof item === 'object' && !Array.isArray(item));
}
function mergeDeep(target, ...sources) {
if (!sources.length) return target;
const source = sources.shift();
if (isObject(target) && isObject(source)) {
for (const key in source) {
if (isObject(source[key])) {
if (!target[key]) Object.assign(target, { [key]: {} });
mergeDeep(target[key], source[key]);
} else {
Object.assign(target, { [key]: source[key] });
}
}
}
return mergeDeep(target, ...sources);
}
demo
function namespace(oNamespace, sPackage) {
const arr = sPackage.split(`.`).reverse();
// const arr = 'a.b.c.d'.split(`.`).reverse();
let obj = {};
for(let k of arr) {
obj = {[k]: obj}
}
return Object.assign({}, oNamespace, obj);
// return obj;
}
obj = namespace({a: {test: 1, b: 2}}, 'a.b.c.d')
function namespace(oNamespace, sPackage) {
const arr = sPackage.split(`.`).reverse();
// const arr = 'a.b.c.d'.split(`.`).reverse();
let obj = {};
for(let k of arr) {
obj = {[k]: obj}
}
// return Object.assign({}, oNamespace, obj);
return obj;
}
undefined
obj = namespace({a: {test: 1, b: 2}}, 'a.b.c.d')
refs
根据包名，在指定空间中创建对象
Returning Object Literals from Arrow Functions in JavaScript
https://github.com/lydiahallie/javascript-questions#98-whats-the-output
https://github.com/lydiahallie/javascript-questions/issues/220#issuecomment-523736303
const getList = ([x, ...y]) => [x, y];
const getUser = user => { name: user.name; age: user.age; }
const list = [1, 2, 3, 4];
const user = { name: "Lydia", age: 21 };
console.log(getList(list));
console.log(getUser(user));
// [1, Array(3)]
// undefined
https://mariusschulz.com/blog/returning-object-literals-from-arrow-functions-in-javascript
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
最新文章
- NSArray
- JQuery validate.js 在ajax提交form时如何触发
- [转]恢复 git reset -hard 的误操作
- WPF学习开发客户端软件-任务助手(已上传源码)
- spring中得到servletContext对象方法
- 文艺编程 Literate Programming
- WAV文件格式分析
- Maven构建Hadoop
- JPA + SpringData 操作数据库原来可以这么简单 ---- 深入了解 JPA - 3
- python学习记录2
- 使用RedisDesktopManager工具，解决连接失败问题
- 转导推理——Transductive Learning
- linux 下的read write 和fread fwrite
- Maven项目中遇到的问题及其解决方案
- React 组件库框架搭建
- fastqc
- 第一个微信小程序
- 【three.js练习程序】随机生成100个方块
- Java基础-SSM之mybatis多对多关联
- TTPRequest 提示#import <libxml/HTMLparser.h>找不到 的解决方法