欧美黑人精品三级网站,无码av最新清无码专区吞精,免费可以看污APP

一、小標(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)實體

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


class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

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

// Object轉(zhuǎn)實體
const person = new Person(obj.name, obj.age);

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

三、小標(biāo)題：從Object強轉(zhuǎn)對象

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

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


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

// Object強轉(zhuǎn)對象
const obj2 = JSON.parse(JSON.stringify(obj));

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

四、小標(biāo)題：從Object強轉(zhuǎn)實體

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


class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

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

// Object強轉(zhuǎn)實體
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實例。

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

在實際開發(fā)過程中，我們可能會遇到需要從Object轉(zhuǎ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方法需要我們傳入一個實體類和一個Object，并返回一個新的實體。toObjectFromString和toEntityFromString方法分別將字符串轉(zhuǎn)換為Object和實體。

六、小標(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實例。

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

在Web開發(fā)中，我們通常需要從DOM樹中獲取數(shù)據(jù)，并將其轉(zhuǎn)換為Object對象。在現(xiàn)代瀏覽器中，可以使用FormData對象輕松實現(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)題：選取

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

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

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