千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > for-in與不可枚舉

for-in與不可枚舉

來源:千鋒教育
發(fā)布人:syq
時間: 2022-08-11 11:28:00 1660188480

  用for循環(huán)遍歷對象

1

  首先有Object.keys()的方法,拿到可迭代(遍歷)的私有屬性名的集合(數(shù)組)

2

3

  但如果直接用 for...in 遍歷可能會出現(xiàn)缺陷:

  for in 典型的缺陷:

  var arr = [1, 2, 3, 4];

  正常情況:

4

  正常情況下我們輸出的是沒問題的;但是

  如果你給 Array添加了一個(判斷元素是不是存在數(shù)組中)的新方法:

5

  然后我們再試試 for...in ,看一看它還好不好使。

6

  為什么會多了一個inArray呢?因為它也被遍歷出來了。

  for...in...會遍歷到對象中所有可枚舉的屬性方法,我們給對象添加的方法默認也是可枚舉的;

  自己添加的方法怎么樣才能不被遍歷到呢?

  于是我們就用到了 Object.defineProperty ()

  這個方法。

  該方法允許精確地添加或修改對象的屬性。通過賦值操作修改,在枚舉對象屬性時會被枚舉到(for...in 或 Object.keys方法),可以改變這些屬性的值,也可以刪除這些屬性。這個方法允許修改默認的額外選項(或配置)。默認情況下,使用 Object.defineProperty() 添加的屬性值是不可修改(immutable)的。 (摘自:MDN web docs)

  此方法有四個屬性:

  configurable

  當且僅當該屬性的 configurable 鍵值為 true 時,該屬性的描述符才能夠被改變,同時該屬性也能從對應的對象上被刪除。 默認為 false。

  enumerable

  當且僅當該屬性的 enumerable 鍵值為 true 時,該屬性才會出現(xiàn)在對象的枚舉屬性中。 默認為 false。

  數(shù)據(jù)描述符還具有以下可選鍵值:

  value

  該屬性對應的值??梢允侨魏斡行У?JavaScript 值(數(shù)值,對象,函數(shù)等)。 默認為 undefined。

  writable

  當且僅當該屬性的 writable 鍵值為 true 時,屬性的值,也就是上面的 value,才能被賦值運算符改變。 默認為 false。

  (摘自:MDN web docs)

  看了這四個屬性,我們就能很開心的解決上面的問題了:

7

  到此為止for-in與不可枚舉的問題就解決了,希望能幫助到大家!更多關于前端培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業(yè)內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
我想直播帶貨去哪里找貨源一件代發(fā)

現(xiàn)在直播帶貨是一個非?;鸬男袠I(yè),越來越多的人進入到這個圈子,但是,認真地說,直播帶貨能不能賺到錢還是要看自己。雖然這一行業(yè)火,收入高,...詳情>>

2023-09-19 08:41:02
入駐短視頻mcn需要多少錢?有哪些費用?

眾所周知,現(xiàn)在短視頻成了很多人的自媒體創(chuàng)業(yè)道路之一,越來越多人喜歡在網上消遣時間,購物等。也有很多優(yōu)秀的博主去做出很多新的內容,那么入...詳情>>

2023-09-19 08:12:47
短視頻帶貨應該注冊什么公司?需要什么資料?

短視頻大家應該都非常熟悉,現(xiàn)在很多人都喜歡在閑暇的時候刷短視頻,短視頻平臺也開始了直播帶貨,商家也都開始創(chuàng)業(yè)了,那么短視頻帶貨需要營業(yè)...詳情>>

2023-09-19 08:09:31
怎樣投抖加不花錢?別人能看出來嗎?

抖音一些視頻為了獲取更多點擊,一些博主機會投抖加。其實抖加的投放沒有絕對正確的方法,而不同賬號和視頻投放的策略都是不一樣的,不過一般情...詳情>>

2023-09-19 08:00:10
抖店入駐收費多少?開抖店費用是多少?

如果要開通抖音小店,需要先把抖音賬號開通商品櫥窗功能。入駐之后,可以選擇頭條賬號、抖音賬號、火山賬號任一類型注冊或登錄。那開個抖店要多...詳情>>

2023-09-19 07:50:26
開班信息
北京校區(qū)
  • 北京校區(qū)
  • 大連校區(qū)
  • 廣州校區(qū)
  • 成都校區(qū)
  • 杭州校區(qū)
  • 長沙校區(qū)
  • 合肥校區(qū)
  • 南京校區(qū)
  • 上海校區(qū)
  • 深圳校區(qū)
  • 武漢校區(qū)
  • 鄭州校區(qū)
  • 西安校區(qū)
  • 青島校區(qū)
  • 重慶校區(qū)
  • 太原校區(qū)
  • 沈陽校區(qū)
  • 南昌校區(qū)
  • 哈爾濱校區(qū)