亚洲 国产精品 日韩-亚洲 激情-亚洲 欧美 91-亚洲 欧美 成人日韩-青青青草视频在线观看-青青青草影院

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

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

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

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

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

Object轉實體對象詳解

來源:千鋒教育
發布人: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。然后我們根據Object的鍵/值對創建了一個新的Person實例。

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

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

從Object強轉為對象需要我們使用JSON.stringify和JSON.parse函數。我們先使用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轉換為字符串,然后再根據實體的屬性手動創建一個新的實體。


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

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

五、小標題:工具類

在實際開發過程中,我們可能會遇到需要從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工具類,它有四個靜態方法:toObject、toEntity、toObjectFromString和toEntityFromString。toObject方法直接返回一個Object,toEntity方法需要我們傳入一個實體類和一個Object,并返回一個新的實體。toObjectFromString和toEntityFromString方法分別將字符串轉換為Object和實體。

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

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


// Object
const obj = { name: 'John', age: 30 };

// Object對象轉Map
const map = new Map(Object.entries(obj));

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

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

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


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

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

八、小標題:選取

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

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

聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師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
亚洲国产精品一区二区成人片不卡 | 亚洲国产成人精品激情姿源| 亚洲一区无码中文字幕乱码| CAOPORN免费视频国产| 插插射啊爱视频日A级| 国产性生大片免费观看性| 鲁丝片一区二区三区免费| 日韩国产女人久久久| 亚洲AV无码一区二区三区在线| 日日狠狠久久偷偷四色综合免费 | 日韩人妻无码精品久久久不卡| 无码综合天天久久综合网色吧影院| 亚洲乱色熟女一区二区三区麻豆| 99精产国品一二三产区区别在线| 国产JJIZZ女人多水| 久久国产香蕉一区精品蜜桃| 欧美综合自拍亚洲综合图| 无码人妻AV一二区二区三区 | 浪货趴办公桌~H揉秘书| 日韩A人毛片精品无人区乱码| 亚洲AV无码兔费综合| 98精产国品一二三产区区| 国产成人亚洲色成人网站WWW永久四虎| 精品亚洲国产成人小电影| 人畜禽CROPROATION| 亚洲AV无码片在线观看| JAPANESE 大战黑人| 国内精品自线一区二区三区2| 欧美疯狂做受XXXXX高潮| 天天躁日日躁狠狠躁AV麻豆| 呦女IUU极品资源| 国产成人亚洲精品青草| 蜜臀AⅤ永久无码精品| 无码人妻一区二区三区精品视频年 | 国产强伦姧在线观看无码| 免费又大粗又爽又黄少妇毛片| 我半夜摸妺妺的奶C了她动漫| 玉蒲团Ⅲ艳乳叶媚子| 国产精品毛片无码一区二区蜜桃| 美国ZOOM人与ZOOM视频| 西西GOGO大胆啪啪艺术| JAPANESE国产在线看| 精产国品一二二线三线区别| 日韩AⅤ人妻无码一区二区| 亚洲色偷偷综合亚洲AV78| 粉嫩一区二区三区性色AV| 久久亚洲国产成人影院| 无码天堂亚洲国产AV| ACCA少女SDANVI| 精品国产AⅤ一区二区三区V视界| 日韩乱码人妻无码中文字幕视频| 一边摸一边抽搐一进一出视频| 国产激情久久久久影院| 欧美日韩精品视频一区二区| 亚洲欧美成人AⅤ在线专区| 国产A级毛片久久久精品毛片| 男女久久久国产一区二区三区| 亚洲成AV人片天堂网久久| 大BBW大BBW大BBW| 免费A级毛片无码专区| 亚洲AV无码乱码| 丰满少妇被猛烈进入高清播放 | А√在线天堂官网| 久久久亚洲熟妇熟女ⅩXXXH| 新JAPANESEVIDEO乱| 厨房掀起少妇裙子挺进去| 免费无码又爽又刺激聊天APP| 亚洲国产精品一区二区WWW| 国产高清在线A视频大全| 人妻丰满熟妇av无码区网站| 制服丝袜中文字幕在线| 娇妻在客厅被朋友玩得呻吟动漫| 天堂AⅤ无码一区二区三区| JEALOUSVUE成熟| 看全色黄大色黄女片爽在线看| 亚洲AV无码一区二区三区网站| 二三四五六七无产乱码| 欧美精品第1页WWW| 与狼共舞 电视剧| 精品无码人妻被多人侵犯AV| 五月丁香六月午夜成人影院| 动漫精品中文无码卡通动漫| 强CAO出水嗯啊高潮了H漫画| 在小巷里被强高HNP| 久久寂寞少妇成人内射| 亚洲AV永久无码精品成人| 国产超碰人人模人人爽人人添| 人妻无码人妻有码中文字幕在线| 综合精品欧美日韩国产在线| 久久996RE热这里有精品| 亚洲AV无码精品色午夜蜜芽 | 国产成人A码男人的天堂| 强行无套内谢大学生初次| 18成禁人视频免费网站| 胯下粗长挺进人妻体内电影| 亚洲国产精品久久久久秋霞1 | 亚洲午夜久久久久久噜噜噜| 国精品无码一区二区三区在线蜜臀| 天天狠天天透天干天天怕∴ | 天美传媒国色天香乱码| 厨房丝袜麻麻被后进怀孕| 人妻无码久久精品人妻| MM1313亚洲精品无码又大又| 欧美成人伊人久久综合网| 自慰无码一区二区三区| 乱码午夜-极品国产内射| 一区二区操逼视频| 久久久久亚洲AV无码去区首| 亚洲午夜精品久久久久久APP| 精品无人区麻豆乱码1区2| 亚洲码欧美码一区二区三区| 精品人妻一区二区三区Av| 亚洲国产美女久久久久| 精品国产你懂的在线观看| 亚洲国产精品人人爽夜夜爽| 精品欧美黑人一区二区三区| 亚洲男人成人性天堂网站| 精品一区二区久久久久久久网站| 亚洲色偷拍另类无码专区| 久久精品国产72国产精| 夜夜高潮天天爽欧美| 久久亚洲精品中文字幕波多野结衣 | 久久国产精品免费一区二区三区 | 久久精品中文字幕无码| 一区适合晚上一个人看B站| 旧里番YY6080在线播放| 最新国产毛2卡3卡4卡| 欧美性爱操逼大鸡吧| 超碰97久久国产精品牛牛| 少妇伦子伦情品无吗| 国产精品xxxxav| 亚洲AV无码国产一区二区三区不| 国语对白做受XXXXX在线中| 亚洲精品无码久久久久SM| 久久久久AV无码免费网| 中国少妇无码专区| 欧美性生交XXXXX免费观看| 成人国内精品视频在线观看| 天堂AⅤ无码一区二区三区| 国产特级毛片AAAAAA高清| 亚洲乱亚洲乱少妇无码99P| 看久久久久久A级毛片| FREEFR性中国少妇性HD| 色偷偷噜噜噜亚洲男人| 国产乱理伦片在线观看夜| 亚洲精品无码成人片在线观看| 巨爆乳寡妇中文在线观看| HD2LINODE日本成熟IP| 日韩精品无码一区二区三区不卡| 国产AⅤ爽AV久久久久成| 亚洲AV无码成H人动漫网站| 久久久国产精品ⅤA麻豆LL| 97人人添人澡人人爽超碰| 日韩人妻无码视频| 国产男男GAY做受ⅩXX软件| 亚洲人妻av在线| 女人收缩时男人舒服吗| 动漫成人无码免费视频在线播 | 色噜噜天堂AV崩坏星穹铁道| 国产亚洲精品岁国产微拍精品| 野花社区WWW官网在线观看| 欧美性爱XXXX黑人| 国产成人精品午夜视频 | 西西人体44RT NET毛最多| 久久精品无码专区免费东京热| 99久久国产成人免费网站| 舔吮着她的乳尖小说| 精品久久久久香蕉网| 99无码精品二区在线视频| 我们还没在书房试过| 久久精品噜噜噜成人AV| 八戒八戒WWW资源高清| 亚洲AV成人精品一区二区三区| 久久久久成人精品无码中文字幕| MM1313亚洲精品无码又大又| 无码中文AV波多野结衣| 久久青青草原精品国产| 成 人 免 费 黄 色| 亚洲第一最快AV网站| 欧美精品人人做人人爱视频 | 无码午夜福利视频一区| 巨RU麻麻奶水雪白肥美喷| 荡公乱妇第1章方情95| 亚洲另类在线视频| 人人妻人人爽人人狠狠| 国内最真实ⅩⅩⅩ人伦| AⅤ成年女人毛片免费观看| 无码专区一ⅤA亚洲V专区在线| 麻豆MDX0020穷小子大翻身| 公在客厅里吃我的奶涨奶视频| 亚洲线精品一区二区三区| 日韩一区二区三区在线| 九色丨PORNY丨自拍 ICU| 差差差很疼视频30分钟无掩盖| 亚洲欧美成人中文日韩电影网站| 人妻系列无码专区无码专区| 精品国产免费人成网站 | 色惰日本视频网站WWW| 久久久久久老熟妇人妻av| 公翁大龟挺进秀婷全文免费阅读|