黄视频网站在线免费观看-黄视频网站在线看-黄视频网站在线观看-黄视频网站免费看-黄视频网站免费观看-黄视频网站免费

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

手機站
千鋒教育

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

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

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

當前位置:首頁  >  技術干貨  > 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
精品久久久久久中文字幕2017| 国产极品精频在线观看| 四虎影视精品永久免费网站| 国产网站免费在线观看| 欧美a级成人淫片免费看| 青青青草影院 | 精品国产亚洲一区二区三区| 人人干人人插| 午夜欧美成人久久久久久| 午夜精品国产自在现线拍| 精品在线观看一区| 欧美激情影院| 精品国产一区二区三区久久久狼 | 久久国产精品自线拍免费| 欧美日本韩国| 97视频免费在线观看| 欧美1区| 午夜在线亚洲| 久草免费资源| 免费一级生活片| 在线观看成人网 | 美女免费黄网站| 国产成a人片在线观看视频| 国产伦精品一区二区三区无广告| 91麻豆国产级在线| 精品国产一区二区三区免费| 日本在线不卡免费视频一区| 久久99这里只有精品国产| 日韩一级黄色| 欧美激情一区二区三区在线播放| 日韩免费片| 国产亚洲精品aaa大片| 午夜激情视频在线播放| 深夜做爰性大片中文| 91麻豆精品国产综合久久久| 毛片的网站| 国产伦久视频免费观看 视频 | 午夜激情视频在线播放| 成人高清视频在线观看| 国产亚洲精品成人a在线| 欧美大片aaaa一级毛片| 青青久久精品| 国产a视频| 97视频免费在线观看| 二级片在线观看| 欧美大片一区| 日韩欧美一及在线播放| 久久国产精品自由自在| 你懂的在线观看视频| 美女被草网站| 亚洲不卡一区二区三区在线 | a级毛片免费全部播放| 亚洲天堂免费| 香蕉视频三级| 成人免费观看网欧美片| 亚洲 欧美 91| 国产成人精品影视| 国产一区二区精品久久91| 免费一级片网站| 亚洲 男人 天堂| 国产网站免费| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 黄色福利片| 欧美另类videosbestsex久久| 亚州视频一区二区| 一级毛片视频在线观看| 青草国产在线观看| 黄色免费网站在线| 国产视频久久久久| 日韩中文字幕在线观看视频| 国产91精品系列在线观看| 国产成人欧美一区二区三区的| 亚洲女人国产香蕉久久精品| 91麻豆精品国产片在线观看| 韩国妈妈的朋友在线播放| 欧美a级成人淫片免费看| 久久国产影院| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产91精品一区二区| 亚洲女人国产香蕉久久精品 | 欧美激情在线精品video| 亚洲精品久久玖玖玖玖| 亚洲 国产精品 日韩| 日韩男人天堂| 九九干| 成人免费网站视频ww| 91麻豆精品国产自产在线观看一区 | 国产国产人免费视频成69堂| 日韩一级精品视频在线观看| 一本伊大人香蕉高清在线观看| 韩国毛片免费大片| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产成人精品综合在线| 精品视频免费在线| 四虎久久精品国产| 免费的黄视频| 91麻豆爱豆果冻天美星空| 97视频免费在线| 欧美1区| 久久99中文字幕| 精品视频免费观看| 国产一区二区精品久久91| 欧美一区二区三区在线观看| 国产成人精品一区二区视频| 99色视频在线| 日本免费看视频| 青青青草视频在线观看| 四虎影视库国产精品一区| 欧美激情一区二区三区视频 | 九九久久99综合一区二区| 欧美另类videosbestsex视频| 成人免费观看网欧美片| 亚洲爆爽| 台湾美女古装一级毛片| 国产伦精品一区三区视频 | 成人免费福利片在线观看| 欧美1区| 日本在线www| 色综合久久天天综合| 午夜在线亚洲男人午在线| 九九干| 青青青草视频在线观看| 美女免费精品高清毛片在线视| 国产一区免费观看| 国产成人欧美一区二区三区的| 成人高清免费| 日韩专区亚洲综合久久| 国产综合成人观看在线| 国产一区二区精品久| 精品久久久久久中文字幕一区| 欧美激情影院| 成人在激情在线视频| 精品视频在线观看视频免费视频| 91麻豆tv| a级毛片免费观看网站| 欧美激情一区二区三区在线| 国产精品免费久久| 亚洲 男人 天堂| 中文字幕97| 日本伦理网站| 久久精品大片| 天天做日日爱| 日韩avdvd| 欧美电影免费看大全| 中文字幕97| 欧美电影免费看大全| 欧美国产日韩精品| 国产a免费观看| 久久久久久久免费视频| 毛片的网站| 日本特黄特色aaa大片免费| 91麻豆爱豆果冻天美星空| 亚洲精品永久一区| 国产成人精品一区二区视频| 欧美另类videosbestsex| 国产视频一区二区三区四区| 国产不卡在线观看| 99色视频在线| 一本伊大人香蕉高清在线观看| 一级女性全黄久久生活片| 999久久久免费精品国产牛牛| 精品视频一区二区三区| 国产激情一区二区三区| 日韩字幕在线| 国产91丝袜在线播放0| 可以在线看黄的网站| 久草免费在线色站| 日韩免费片| 国产伦精品一区二区三区在线观看| 国产精品123| 欧美18性精品| 国产视频网站在线观看| 国产激情视频在线观看| 国产91精品一区二区| 午夜在线亚洲| 精品视频在线观看一区二区| 91麻豆精品国产综合久久久| 国产不卡福利| 国产美女在线观看| 午夜家庭影院| 四虎影视久久久免费| 黄视频网站免费| 可以免费看污视频的网站| 国产伦精品一区二区三区在线观看| 91麻豆tv| 亚欧视频在线| 91麻豆精品国产自产在线观看一区| 午夜激情视频在线观看| 人人干人人插| 人人干人人草| 国产精品免费久久| 亚久久伊人精品青青草原2020| 欧美大片毛片aaa免费看| 日本特黄特色aaa大片免费| 中文字幕一区二区三区 精品| 国产亚洲免费观看| 久久99爰这里有精品国产| 韩国妈妈的朋友在线播放| 黄色免费网站在线| 国产精品123|