91aaa在线国内观看,亚洲AV午夜福利精品一区二区,久久偷拍人视频,久久播这里有免费视播

<strong id="fvuar"></strong>

  • <sub id="fvuar"><dl id="fvuar"><em id="fvuar"></em></dl></sub>

    1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

      手機(jī)站
      千鋒教育

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

      千鋒教育

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

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

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

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

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

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

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

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

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

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

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

      實(shí)體是指一個(gè)具體的事物,比如一個(gè)人、一件物品等。在JavaScript中,通常使用類(class)來定義實(shí)體。從Object轉(zhuǎn)換為實(shí)體需要我們手動(dòng)定義實(shí)體,并將Object的鍵/值對(duì)轉(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);
      

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

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

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

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

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

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

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

      與從Object強(qiáng)轉(zhuǎn)對(duì)象類似,我們也可以從Object強(qiáng)轉(zhuǎn)實(shí)體。需要我們先將Object轉(zhuǎn)換為字符串,然后再根據(jù)實(shí)體的屬性手動(dòng)創(chuàng)建一個(gè)新的實(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)建了一個(gè)Person類,然后將Object轉(zhuǎn)換為字符串,并解析出新的鍵/值對(duì)。最后根據(jù)解析出的鍵/值對(duì)創(chuàng)建一個(gè)新的Person實(shí)例。

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

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

      
      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);
      

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

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

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

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

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

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

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

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

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

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

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

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

      聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
      10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
      請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(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
      Vue2轉(zhuǎn)Vue3全面總結(jié)

      本篇文章旨在介紹Vue2到Vue3的轉(zhuǎn)化過程,并從多個(gè)角度進(jìn)行詳細(xì)闡述。一、Vue2和Vue3有哪些不同點(diǎn)?Vue2和Vue3的不同點(diǎn)主要體現(xiàn)在以下幾個(gè)方面:...詳情>>

      2023-11-22 23:45:12
      Uniapp點(diǎn)擊事件全解析

      Uniapp是一個(gè)跨平臺(tái)的框架,開發(fā)者可以通過一份代碼適配多個(gè)移動(dòng)平臺(tái),包括iOS、Android、H5、小程序等。其中,點(diǎn)擊事件作為移動(dòng)應(yīng)用中常見的交...詳情>>

      2023-11-22 23:23:36
      byte轉(zhuǎn)string詳解

      byte轉(zhuǎn)string是編程中經(jīng)常遇到的一個(gè)操作。無論是在文件處理、網(wǎng)絡(luò)傳輸還是數(shù)據(jù)存儲(chǔ)上,都需要將byte轉(zhuǎn)為string進(jìn)行處理。本文將從多個(gè)方面詳解...詳情>>

      2023-11-22 23:16:23
      C++ sort頭文件詳解

      一、sort頭文件介紹C++ sort頭文件是C++標(biāo)準(zhǔn)庫(kù)中的一個(gè)重要頭文件,用來排序(主要是升序)數(shù)組或序列。通過對(duì)sort函數(shù)的調(diào)用,C++ sort頭文件...詳情>>

      2023-11-22 22:15:11
      如何清除svchost病毒

      一、了解svchost病毒svchost病毒是一種比較常見的惡意軟件,它通過偽裝成系統(tǒng)進(jìn)程的方式進(jìn)行隱藏,進(jìn)而竊取用戶的個(gè)人信息和系統(tǒng)信息。而且svch...詳情>>

      2023-11-22 22:04:23