JavaScript中操作對象的方法是怎樣的

本篇文章給大家分享的是有關(guān)JavaScript中操作對象的方法是怎樣的，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

Object.create()

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

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

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

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

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

也可以合并成一個新對象。

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

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

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

Object.values()

返回包含對象自身所有可枚舉屬性的值組成的數(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()

將對象的屬性和值 (鍵和值) 用數(shù)組的形式表現(xiàn)出來。即返回包含對象自身可枚舉屬性的鍵值對組成的數(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() 方法的逆操作，將鍵值對形式的數(shù)組轉(zhuǎn)換成對象。

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

以上就是JavaScript中操作對象的方法是怎樣的，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。