2021-03-09 vue中對(duì)象數(shù)組去重 深拷貝

其實(shí)很簡單莲祸,一般的數(shù)組去重可以直接用 new Set() 方法即可酪穿,但是數(shù)組對(duì)象的話族淮,比較復(fù)雜辫红,不能直接用,我們可以采取間接的方法來去重

unique(arr) {
const res = new Map();
return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
}

(下面說的深拷貝是基本對(duì)象的深拷貝祝辣,不考慮對(duì)象的復(fù)雜屬性贴妻,比如set,get蝙斜,F(xiàn)unction等)

1名惩、最簡單的方式 JSON.parse(JSON.stringify(Obj)) 這種方法使用較為簡單,可以滿足基本的深拷貝需求孕荠,而且能夠處理JSON格式能表示的所有數(shù)據(jù)類型娩鹉,但是對(duì)于正則表達(dá)式類型、函數(shù)類型等無法進(jìn)行深拷貝(而且會(huì)直接丟失相應(yīng)的值)稚伍。

2弯予、jQuery深拷貝 var copiedObject = $.extend(true, {}, originalObject)

3、手動(dòng)寫遞歸方式

var array = [
{ number: 1 },
{ number: 2 },
{ number: 3 }
];
function copy (obj) {
var newobj = obj.constructor === Array ? [] : {};
if(typeof obj !== 'object'){
return;
}
for(var i in obj){
newobj[i] = typeof obj[i] === 'object' ? copy(obj[i]) : obj[i];
}
return newobj
}
var copyArray = copy(array)
copyArray[0].number = 100;
console.log(array); // [{number: 1}, { number: 2 }, { number: 3 }]
console.log(copyArray); // [{number: 100}, { number: 2 }, { number: 3 }]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末个曙,一起剝皮案震驚了整個(gè)濱河市锈嫩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖呼寸,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件那槽,死亡現(xiàn)場離奇詭異,居然都是意外死亡等舔,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門糟趾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來慌植,“玉大人,你說我怎么就攤上這事义郑〉粒” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵非驮,是天一觀的道長交汤。 經(jīng)常有香客問我,道長劫笙,這世上最難降的妖魔是什么芙扎? 我笑而不...
    開封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮填大,結(jié)果婚禮上戒洼,老公的妹妹穿的比我還像新娘。我一直安慰自己允华,他們只是感情好圈浇,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著靴寂,像睡著了一般牛柒。 火紅的嫁衣襯著肌膚如雪霞扬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音舌狗,去河邊找鬼。 笑死歼捐,一個(gè)胖子當(dāng)著我的面吹牛跃洛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蜜宪,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼虫埂,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了圃验?” 一聲冷哼從身側(cè)響起掉伏,我...
    開封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后斧散,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體供常,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年鸡捐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了栈暇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡箍镜,死狀恐怖源祈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情色迂,我是刑警寧澤香缺,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站歇僧,受9級(jí)特大地震影響图张,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜诈悍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一祸轮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧侥钳,春花似錦倔撞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至冕房,卻和暖如春躏啰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背耙册。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來泰國打工给僵, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人详拙。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓帝际,卻偏偏與公主長得像,于是被迫代替她去往敵國和親饶辙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蹲诀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 一、 基本數(shù)據(jù)類型的拷貝(復(fù)制copy)深拷貝和淺拷貝 深拷貝和淺拷貝是針對(duì)復(fù)雜數(shù)據(jù)類型來說的弃揽,淺拷貝只拷貝一層脯爪,...
    虛無縹緲_閱讀 329評(píng)論 0 0
  • 深拷貝和淺拷貝的區(qū)別 首先深復(fù)制和淺復(fù)制只針對(duì)像 Object, Array 這樣的復(fù)雜對(duì)象的则北。簡單來說,淺復(fù)制只...
    李彩紅_4da9閱讀 680評(píng)論 0 0
  • .引用類型 & 非引用類型 引用類型值(對(duì)象痕慢、數(shù)組尚揣、函數(shù)、正則):指的是那些保存在堆內(nèi)存中的對(duì)象掖举,變量中保存的實(shí)際...
    邢烽朔閱讀 329評(píng)論 0 0
  • 1.背景介紹 什么是棧內(nèi)存和堆內(nèi)存快骗? JavaScript中的變量的存放有有原始值與引用值之分,原始值代表了原始的...
    lx2487閱讀 3,355評(píng)論 0 2
  • 今天感恩節(jié)哎塔次,感謝一直在我身邊的親朋好友滨巴。感恩相遇!感恩不離不棄俺叭。 中午開了第一次的黨會(huì),身份的轉(zhuǎn)變要...
    迷月閃星情閱讀 10,576評(píng)論 0 11