丁鹿學堂：前端基礎分享之Object的常用知識點總結

前端培訓丁鹿學堂：前端js中Object常用知識點總結

js中的物件型別

有人說了，js中的物件是object，還分什麼型別嗎？

其實如果掉掉書袋，細分的話是可以分成兩種型別的：

Native：在ECMAScript標準中定義和描述，包括JavaScript內建物件（陣列，日期物件等）和使用者自定義物件；

Host：在主機環境（如瀏覽器）中實現並提供給開發者使用，比如Windows物件和所有的DOM物件；

我們主要研究的，就是自定義的object物件

物件的基本操作

一個物件的基本操作，無非是建立，和增刪改查。下來就來一一總結歸納

建立

字面量建立：

const obj = { }obj。userName = ‘zhangsan’

獲取物件的屬性

透過點語法的方式，簡單便捷的獲取物件的屬性。

第二種：透過中括號的方式獲取，如果屬性是一個變數的話，就用這種

console。log（obj。userName）console。log（obj［‘userName’］）

刪除物件的屬性

刪除物件的屬性，用到了一個關鍵詞：delete

delete obj。userName

遍歷物件的方法

用for。。。in 可以很方便的遍歷物件

注意：for。。in 會遍歷物件中所有的可列舉屬性（包括自有屬性和繼承屬性）

for（let i in obj）{ console。log（i）}

擴充套件：常用的物件api總結

1。Object。assign（）

Object。assign（） 方法用於將所有可列舉屬性的值從一個或多個源物件分配到目標物件。它將返回目標物件。常用來合併物件

注意：Object。assign屬於淺複製

const obj1 = { a： 1， b： 2 }const obj2 = { b： 3， c： 4 }const obj3 = Object。assign（obj1， obj2）

2。Object。keys（） 和Object。values（）

Object。keys（）返回的是物件的屬性名key所組成的集合

Object。values（）返回的是物件的屬性名value所組成的集合

const obj = { 0： ‘a’， 1： ‘b’， 2： ‘c’ }console。log（Object。keys（obj）） // ［‘0’， ‘1’， ‘2’］console。log（Object。values（obj）） // ［‘a’， ‘b’， ‘c’］

3。obj。hasOwnProperty（prop）

這個就是例項物件的方法了，用來用來判斷某個物件是否含有指定的屬性，而且是本身的屬性，如果是繼承的屬性也會返回false

const obj1 = { a： 1， b： 2 }let result = obj1。hasOwnProperty（‘a’） // true let result = obj1。hasOwnProperty（‘d’） // false

小結

以上就是object物件常用的內容了。有人說，誒，你這總結的不全面啊。當然了，如果要全面直接複製mdn文件就行了，還要我再寫這個幹嘛，不全面就是特色，總結了最常用的方法，80%的情況下是夠用的！

對於入門的我們來說，貪多嚼不爛！