日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

 引言

操作 JavaScript 對(duì)象是日常工作中經(jīng)常接觸的工作，隨著 JavaScript 的飛速發(fā)展，解決問題的方法越來越多了，本文整理了 6 個(gè)比較實(shí)用的操作對(duì)象的方法。

Object.create()

以參數(shù)為原型，創(chuàng)建一個(gè)新對(duì)象實(shí)例。

 
 

  
  
const user = {
  
  
  name: 'kylin',
  
  
  age: 18,
  
  
  gender: '女',
  
  
  work: 'dev',
  
  
  say() {
  
  
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender}`);
  
  
  }
  
  
};
  
  
const my = Object.create(user);
  
  
my.say(); // 姓名：kylin ，年齡：18 ，性別：女
  
  
my.name = 'Tom';
  
  
my.year = '2020';
  
  
console.log(my.name); // Tom
  
  
console.log(my.year); // 2020
 
 

Object.assign()

將所有可枚舉的屬性從一個(gè)或多個(gè)對(duì)象合并 (復(fù)制) 到一個(gè)新對(duì)象上。

Object.assign() 方法有 2 個(gè)參數(shù)，第 1 個(gè)參數(shù)是目標(biāo)對(duì)象，第 2 個(gè)參數(shù)是源對(duì)象。如果有同名屬性，后面對(duì)象的屬性會(huì)覆蓋前面對(duì)象的屬性。

 
 

  
  
const userBasic = {
  
  
  name: 'kylin',
  
  
  age: 20,
  
  
};
  
  
const userInfo = {
  
  
  age: 18,
  
  
  gender: '女',
  
  
  work: 'dev',
  
  
  say() {
  
  
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender} ，工作：${this.work}`);
  
  
  }
  
  
};
  
  
const user = Object.assign(userInfo, userBasic);
  
  
user.say(); // 姓名：kylin ，年齡：20 ，性別：女 ，工作：dev
 
 

也可以合并成一個(gè)新對(duì)象。

 
 

  
  
const userBasic = {
  
  
  name: 'kylin',
  
  
  age: 18,
  
  
  gender: '女',
  
  
  say() {
  
  
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender}`);
  
  
  }
  
  
};
  
  
const user = Object.assign({}, userBasic);
  
  
user.say(); // 姓名：kylin ，年齡：18 ，性別：女
 
 

Object.keys()

返回包含對(duì)象自身可枚舉的所有屬性組成的數(shù)組。

 
 

  
  
const user = {
  
  
  name: 'kylin',
  
  
  age: 18
  
  
};
  
  
Object.defineProperty(user, 'gerder', {
  
  
  value: "女",
  
  
  enumerable: false // 不可枚舉
  
  
});
  
  
console.log(Object.keys(user)); // ["name", "age"]
 
 

Object.values()

返回包含對(duì)象自身所有可枚舉屬性的值組成的數(shù)組，值的順序與使用 for...in 循環(huán)的順序相同。

 
 

  
  
const user = {
  
  
  name: 'kylin',
  
  
  age: 18
  
  
};
  
  
Object.defineProperty(user, 'gerder', {
  
  
  value: "女",
  
  
  enumerable: false // 不可枚舉
  
  
});
  
  
console.log(Object.values(user)); // ["kylin", 18]
 
 

Object.entries()

將對(duì)象的屬性和值 (鍵和值) 用數(shù)組的形式表現(xiàn)出來。即返回包含對(duì)象自身可枚舉屬性的鍵值對(duì)組成的數(shù)組。

 
 

  
  
const user = {
  
  
  name: 'kylin',
  
  
  age: 18
  
  
};
  
  
const info = Object.entries(user);
  
  
console.log(info); // [['name', 'kylin'], ['age', 18]]
 
 

Object.fromEntries()

相當(dāng)于 Object.entries() 方法的逆操作，將鍵值對(duì)形式的數(shù)組轉(zhuǎn)換成對(duì)象。

 
 

  
  
const user = Object.fromEntries([
  
  
  ['name', 'kylin'],
  
  
  ['age', 18]
  
  
]);
  
  
console.log(user); // {name: "kylin", age: 18}
 
 

文章名稱：聽說，JavaScript中，這幾個(gè)操作對(duì)象的方法很實(shí)用
網(wǎng)頁(yè)URL：http://m.5511xx.com/article/cdhojip.html