ES對象方法

ES7

Object.keys(obj)

傳入一個對象,返回一個包含對象的可枚舉屬性和方法的名稱的、所有元素為字符串的數(shù)組。

ES6之后傳入的不是對象也可以強制轉(zhuǎn)換為對象,而在ES5中,如果傳入的不是對象會報錯:xx is not an object。

ES6中傳入的不是對象的具體返回值:

傳入字符串,返回索引值。

傳入數(shù)組,返回索引值。

傳入數(shù)組,返回索引值

構(gòu)造函數(shù),返回空數(shù)組或者屬性名

通俗而不嚴謹?shù)恼f,就是返回一個由對象的屬性名/方法名組成的數(shù)組。

一個正常的code狗在腦子還算清醒的情況下

注意:keys 方法僅返回可枚舉屬性和方法的名稱;若要返回可枚舉和不可枚舉屬性和方法的名稱,可以使用Object.getOwnPropertyNames()函數(shù)。

那么問題來了,學(xué)以致用嘛,當你想遍歷對象的所有值時,該怎么做?

遍歷對象的所有值

誒意外發(fā)現(xiàn)了一種把對象轉(zhuǎn)換成數(shù)組的方法啊哈哈 ~

好了,這種方法看起來很好用,但是ES7已經(jīng)老了,讓我們試試看如果使用ES8如何操作:

ES8

Object.values()

遍歷對象的所有值

這兩種方式得到的結(jié)果是一致的,也就是說Object.values()幫我們省去了遍歷key,并根據(jù)這些key獲取value的步驟,可以直接得到對象的鍵值組成的數(shù)組。

那么也就是這兩種方法,通俗而不嚴謹?shù)?,我們可以理解成,Object.keys()可以幫我們獲取對象鍵名組成的數(shù)組,Object.values()可以幫我們獲取對象鍵值組成的數(shù)組,真的超級方便了。

ES8還為我們提供了一種方法,用來返回一個給定對象自身可枚舉屬性的鍵值對的數(shù)組。

Object.entries()


例一


例二

也是超級貼心了~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • 1 Object 對象 教程:https://wangdoc.com/javascript/stdlib/obje...
    智勇雙全的小六閱讀 2,504評論 0 0
  • 函數(shù)和對象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,950評論 0 5
  • 屬性的簡潔表示法 ES6允許直接寫入變量和函數(shù),作為對象的屬性和方法。 上面代碼表明,ES6允許在對象之中,直接寫...
    oWSQo閱讀 568評論 0 0
  • 今天的主題本不應(yīng)該是這個,可是因為今天一直在忙自己網(wǎng)站的事情,就臨時把以前寫過的東西重新發(fā)表了一遍。本來今天早上1...
    李紅梅閱讀 392評論 0 1

友情鏈接更多精彩內(nèi)容