国产睡熟迷奷白丝护士系列精品,中文色字幕网站,免费h网站在线观看的,亚洲开心激情在线

      <sup id="hb9fh"></sup>
          1. 千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

            手機站
            千鋒教育

            千鋒學習站 | 隨時隨地免費學

            千鋒教育

            掃一掃進入千鋒手機站

            領取全套視頻
            千鋒教育

            關注千鋒學習站小程序
            隨時隨地免費學習課程

            當前位置:首頁  >  技術干貨  > Object轉實體對象詳解

            Object轉實體對象詳解

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

            一、小標題:從Object轉對象

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

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

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

            二、小標題:從Object轉實體

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

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

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

            三、小標題:從Object強轉對象

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

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

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

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

            四、小標題:從Object強轉實體

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

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

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

            五、小標題:工具類

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

            
            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方法需要我們傳入一個實體類和一個Object,并返回一個新的實體。toObjectFromString和toEntityFromString方法分別將字符串轉換為Object和實體。

            六、小標題:從Object對象轉Map

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

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

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

            七、小標題:從DOM轉Object對象

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

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

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

            八、小標題:選取

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

            如果要求轉換速度比較快,可以選擇從Object轉對象或從Object強轉對象。如果要求轉換后的數(shù)據(jù)具有較高的可讀性,可以選擇從Object轉實體或從Object強轉實體。如果需要將Object對象轉換為可迭代的數(shù)據(jù)結構,可以選擇從Object對象轉Map。

            聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
            10年以上業(yè)內強師集結,手把手帶你蛻變精英
            請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
            免費領取
            今日已有369人領取成功
            劉同學 138****2860 剛剛成功領取
            王同學 131****2015 剛剛成功領取
            張同學 133****4652 剛剛成功領取
            李同學 135****8607 剛剛成功領取
            楊同學 132****5667 剛剛成功領取
            岳同學 134****6652 剛剛成功領取
            梁同學 157****2950 剛剛成功領取
            劉同學 189****1015 剛剛成功領取
            張同學 155****4678 剛剛成功領取
            鄒同學 139****2907 剛剛成功領取
            董同學 138****2867 剛剛成功領取
            周同學 136****3602 剛剛成功領取
            相關推薦HOT