久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  技術(shù)干貨  > Object轉(zhuǎn)實(shí)體對象詳解

        Object轉(zhuǎn)實(shí)體對象詳解

        來源:千鋒教育
        發(fā)布人:xqq
        時間: 2023-11-22 23:27:11 1700666831

        一、小標(biāo)題:從Object轉(zhuǎn)對象

        在JavaScript中,我們可以使用Object對象來表示一個無序的鍵/值對集合。因此,從Object轉(zhuǎn)換為對象是相當(dāng)容易的。

        
          // Object
          const obj = {
            name: 'John',
            age: 30
          };
          
          // Object轉(zhuǎn)對象
          const newObj = { ...obj };
        

        由于Object的鍵/值對是無序的,上述代碼可以保證新對象的鍵/值對與原對象的鍵/值對是一致的。

        二、小標(biāo)題:從Object轉(zhuǎn)實(shí)體

        實(shí)體是指一個具體的事物,比如一個人、一件物品等。在JavaScript中,通常使用類(class)來定義實(shí)體。從Object轉(zhuǎn)換為實(shí)體需要我們手動定義實(shí)體,并將Object的鍵/值對轉(zhuǎn)換為實(shí)體的屬性。

        
        class Person {
          constructor(name, age) {
            this.name = name;
            this.age = age;
          }
        }
        
        // Object
        const obj = {
          name: 'John',
          age: 30
        };
        
        // Object轉(zhuǎn)實(shí)體
        const person = new Person(obj.name, obj.age);
        

        在上述代碼中,我們手動定義了一個Person類,它有兩個屬性:name和age。然后我們根據(jù)Object的鍵/值對創(chuàng)建了一個新的Person實(shí)例。

        三、小標(biāo)題:從Object強(qiáng)轉(zhuǎn)對象

        強(qiáng)制類型轉(zhuǎn)換是指將一個變量從一種類型轉(zhuǎn)換為另一種類型。在JavaScript中,我們可以使用parseInt、parseFloat、toString等函數(shù)來進(jìn)行強(qiáng)制類型轉(zhuǎn)換。

        從Object強(qiáng)轉(zhuǎn)為對象需要我們使用JSON.stringify和JSON.parse函數(shù)。我們先使用JSON.stringify將Object轉(zhuǎn)換為字符串,然后使用JSON.parse將字符串轉(zhuǎn)換為對象。

        
        // Object
        const obj = {
          name: 'John',
          age: 30
        };
        
        // Object強(qiáng)轉(zhuǎn)對象
        const obj2 = JSON.parse(JSON.stringify(obj));
        

        在上述代碼中,我們將Object轉(zhuǎn)換為字符串,然后又將字符串轉(zhuǎn)換為對象。obj2與obj擁有相同的鍵/值對。

        四、小標(biāo)題:從Object強(qiáng)轉(zhuǎn)實(shí)體

        與從Object強(qiáng)轉(zhuǎn)對象類似,我們也可以從Object強(qiáng)轉(zhuǎn)實(shí)體。需要我們先將Object轉(zhuǎn)換為字符串,然后再根據(jù)實(shí)體的屬性手動創(chuàng)建一個新的實(shí)體。

        
        class Person {
          constructor(name, age) {
            this.name = name;
            this.age = age;
          }
        }
        
        // Object
        const obj = {
          name: 'John',
          age: 30
        };
        
        // Object強(qiáng)轉(zhuǎn)實(shí)體
        const str = JSON.stringify(obj);
        const {name, age} = JSON.parse(str);
        const person = new Person(name, age);
        

        在上述代碼中,我們先創(chuàng)建了一個Person類,然后將Object轉(zhuǎn)換為字符串,并解析出新的鍵/值對。最后根據(jù)解析出的鍵/值對創(chuàng)建一個新的Person實(shí)例。

        五、小標(biāo)題:工具類

        在實(shí)際開發(fā)過程中,我們可能會遇到需要從Object轉(zhuǎn)換為實(shí)體的情況。為了方便地進(jìn)行轉(zhuǎn)換,我們可以編寫一個工具類,將上述過程封裝起來。

        
        class Convert {
          static toObject(obj) {
            return { ...obj };
          }
        
          static toEntity(clazz, obj) {
            const keys = Object.keys(obj);
            const args = keys.map(key => obj[key]);
        
            return new clazz(...args);
          }
        
          static toObjectFromString(str) {
            return JSON.parse(str);
          }
        
          static toEntityFromString(clazz, str) {
            const obj = JSON.parse(str);
            const keys = Object.keys(obj);
            const args = keys.map(key => obj[key]);
        
            return new clazz(...args);
          }
        }
        
        // 使用示例
        const obj = { name: 'John', age: 30 };
        const person1 = Convert.toEntity(Person, obj);
        const str = JSON.stringify(obj);
        const person2 = Convert.toEntityFromString(Person, str);
        

        在上述代碼中,我們編寫了一個Convert工具類,它有四個靜態(tài)方法:toObject、toEntity、toObjectFromString和toEntityFromString。toObject方法直接返回一個Object,toEntity方法需要我們傳入一個實(shí)體類和一個Object,并返回一個新的實(shí)體。toObjectFromString和toEntityFromString方法分別將字符串轉(zhuǎn)換為Object和實(shí)體。

        六、小標(biāo)題:從Object對象轉(zhuǎn)Map

        Map是一種可迭代的數(shù)據(jù)結(jié)構(gòu),其中的鍵值對是按順序排列的。在JavaScript中,我們可以使用Object.entries函數(shù)將Object對象轉(zhuǎn)換為可迭代的鍵值對集合。

        
        // Object
        const obj = { name: 'John', age: 30 };
        
        // Object對象轉(zhuǎn)Map
        const map = new Map(Object.entries(obj));
        

        在上述代碼中,我們使用Object.entries將Object對象轉(zhuǎn)換為鍵值對集合,并將其傳入Map的構(gòu)造函數(shù)中來創(chuàng)建一個新的Map實(shí)例。

        七、小標(biāo)題:從DOM轉(zhuǎn)Object對象

        在Web開發(fā)中,我們通常需要從DOM樹中獲取數(shù)據(jù),并將其轉(zhuǎn)換為Object對象。在現(xiàn)代瀏覽器中,可以使用FormData對象輕松實(shí)現(xiàn)該功能。

        
        const form = document.querySelector('form');
        const formData = new FormData(form);
        const obj = Object.fromEntries(formData.entries());
        

        在上述代碼中,我們首先獲取了一個form元素,然后使用FormData將其轉(zhuǎn)換為一個鍵值對集合。最后使用Object.fromEntries將鍵值對集合轉(zhuǎn)換為Object對象。

        八、小標(biāo)題:選取

        在實(shí)際開發(fā)過程中,我們可能需要根據(jù)具體場景選擇不同的從Object轉(zhuǎn)換為實(shí)體的方法。

        如果要求轉(zhuǎn)換速度比較快,可以選擇從Object轉(zhuǎn)對象或從Object強(qiáng)轉(zhuǎn)對象。如果要求轉(zhuǎn)換后的數(shù)據(jù)具有較高的可讀性,可以選擇從Object轉(zhuǎn)實(shí)體或從Object強(qiáng)轉(zhuǎn)實(shí)體。如果需要將Object對象轉(zhuǎn)換為可迭代的數(shù)據(jù)結(jié)構(gòu),可以選擇從Object對象轉(zhuǎn)Map。

        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        张家港市| 长武县| 仙游县| 上林县| 祁东县| 贵定县| 绍兴县| 阳高县| 东乡| 郓城县| 罗平县| 北安市| 延安市| 南安市| 蓬溪县| 教育| 白河县| 云安县| 北流市| 奉化市| 靖远县| 泸水县| 宁波市| 平利县| 南城县| 棋牌| 龙川县| 同德县| 新密市| 渝北区| 河津市| 从化市| 客服| 甘德县| 汽车| 河北区| 会东县| 大洼县| 巫溪县| 安溪县| 淮安市|