对象属性和值的深拷贝

let staffForm = {
	id: '123',
	name: 'zhangsan'
}

方法一：ES6语法进行深拷贝

let obj = Object.assign({}, staffForm);//obj是深拷贝的对象

方法二：JSON工具,通过转字符串，然后转对象

let obj = JSON.parse(JSON.stringify(staffForm));//obj是深拷贝

---

合并对象

会合并相同属性、后面的会覆盖前面的

const o1 = { a: 1, b: 1, c: 1 };
const o2 = { b: 2, c: 2 };
const o3 = { c: 3 };

const obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }

Object.assign(target, …sources)请移步MDN文档

---

清空对象属性值

相当于遍历属性然后给每一个属性重新赋值为 ''
直接清空被操作的对象staffForm

方式一：适合没有嵌套对象的对象

Object.keys(staffForm).forEach(key=>staffForm[key]='');//清空属性值没有返回值

上面这种方式不能解决嵌套的对象，例如：

方式二：定义一个常量，通过拷贝的方式获取一个清空的对象（不推荐）

let obj2 = {
	id:1,
	name:'',
	dept:{
		deptId:'',
		deptName:''
	}
}

这种对象的清空可以通过上面的深拷贝用过的Object.assign()方法
反过来使用
首先定义一个常量

const objTemplate = {
	id:'',
	name:'',
	dept:{
		deptId:'',
		deptName:''
	}
}

然后

let obj2 = Object.assign({}, objTemplate);//obj是深拷贝的对象

方式三：（强烈推荐使用!!!）自定义函数清空属性值

通过递归处理对象属性值

下面是我自己封装的一个方法(方便自己日后再次使用)，通过判断属性值是否是对象，如果是对象则递归处理

使用的Vue.js，将下面的方法放在methods中

clearValue(obj){
    Object.keys(obj).forEach(key => {
        if (typeof obj[key]=='object'){
            this.clearValue(obj[key])
        }else {
            obj[key]='';
        }
    });
}

然后调用该方法即可清空obj对象的属性值
例如：

let obj = {
	staffId: '1',
	deptId: {
	    deptId: "1",
	    deptName: "人事"
	},
	staffNum: '33088',
	staffName: {
		one:{
			two:{
				three:'这是一个测试值'
			}
		}
	},
	position: {
	    jobId: "1",
	    jobName: "HR"
	},
	eduBackground: '硕士',
};
this.clearValue(obj);
console.log(obj);

控制台打印的结果

如果是html中使用则去掉this调用，可以自己写一个ObjectUtils.js

function clearValue(obj){
    Object.keys(obj).forEach(key => {
        if (typeof obj[key]=='object'){
            this.clearValue(obj[key])
        }else {
            obj[key]='';
        }
    });
},

然后引入ObjectUtils.js

function clearValue (obj) {
    Object.keys(obj).forEach(key => {
        if (typeof obj[key] == 'object') {
            clearValue(obj[key])
        } else {
            obj[key] = '';
        }
    });
}

<script src="./js/ObjectUtils.js"></script>

然后调用即可
将obj替换成要清空的属性值

clearValue(obj);

示例代码：

let obj = {
    staffId: '1',
    deptId: {
        deptId: "1",
        deptName: "人事"
    },
    staffNum: '33088',
    staffName: {
        one: {
            two: {
                three: '这是一个测试值'
            }
        }
    },
    position: {
        jobId: "1",
        jobName: "HR"
    },
    eduBackground: '硕士',
};
clearValue(obj);
console.log(obj);

结果