vue添加對(duì)象數(shù)據(jù)到數(shù)組，前面添加的所有數(shù)據(jù)都會(huì)變成最后一個(gè)添加的對(duì)象
這是因?yàn)閷?duì)象數(shù)據(jù)為引用數(shù)據(jù)類(lèi)型，簡(jiǎn)單的push方法添加對(duì)象到數(shù)組的時(shí)候，只是把對(duì)象的地址指針重復(fù)的給到數(shù)組的每一項(xiàng)，也就是數(shù)組的每一項(xiàng)數(shù)據(jù)都指向了同一個(gè)對(duì)象，對(duì)象數(shù)據(jù)一變，數(shù)組所有數(shù)據(jù)都跟著變。
解決辦法就是要push不同地址的對(duì)象到數(shù)組里面去，讓數(shù)組的每一項(xiàng)數(shù)據(jù)都指向不同地址的對(duì)象，方法是push之前深拷貝要添加的對(duì)象。
function deepClone(data) {
? ? let obj = null
? ? let type = getObjType(data)
? ? console.log(type);
? ? if (type == 'array') {
? ? ? ? obj = []
? ? } else if (type == 'object') {
? ? ? ? obj = {}
? ? } else {
? ? ? ? return data
? ? }
? ? if (type == 'array') {
? ? ? ? for (let index = 0; index < data.length; index++) {
? ? ? ? ? ? obj.push = deepClone(data[index]);
? ? ? ? }
? ? ? ? return obj
? ? } else if (type == 'object') {
? ? ? ? for (const key in data) {
? ? ? ? ? ? obj[key] = deepClone(data[key]);
? ? ? ? }
? ? ? ? return obj
? ? }
}
function getObjType(data) {
? ? ? ? let type = typeof(data)
? ? ? ? if (type == 'object') {
? ? ? ? ? ? let is_arr = data instanceof Array
? ? ? ? ? ? if (is_arr) {
? ? ? ? ? ? ? ? return 'array'
? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? return 'object'
? ? ? ? ? ? }
? ? ? ? } else {
? ? ? ? ? ? if (type == 'string') {
? ? ? ? ? ? ? ? return 'string'
? ? ? ? ? ? } else if (type = 'number') {
? ? ? ? ? ? ? ? return 'number'
? ? ? ? ? ? } else if (type = 'boolean') {
? ? ? ? ? ? ? ? return 'boolean'
? ? ? ? ? ? }else if (type = 'undefined') {
? ? ? ? ? ? ? ? return 'undefined'
? ? ? ? ? ? }
? ? ? ? }
}
