Object.keys方法之詳解

cfanr 發布于2019-08-26 13:44 / 306人閱讀

摘要：一語法參數要返回其枚舉自身屬性的對象返回值一個表示給定對象的所有可枚舉屬性的字符串數組二處理對象，返回可枚舉的屬性數組張三深圳三處理數組，返回索引值數組四處理字符串，返回索引值數組字符串五常用技巧張三深圳獲取到屬性對應的值，做一些處理六和是

一、語法

Object.keys(obj)
參數：要返回其枚舉自身屬性的對象
返回值：一個表示給定對象的所有可枚舉屬性的字符串數組

二、處理對象，返回可枚舉的屬性數組

let person = {name:"張三",age:25,address:"深圳",getName:function(){}}

Object.keys(person) // ["name", "age", "address","getName"]

三、處理數組，返回索引值數組

let arr = [1,2,3,4,5,6]

Object.keys(arr) // ["0", "1", "2", "3", "4", "5"]

四、處理字符串，返回索引值數組

let str = "saasd字符串"

Object.keys(str) // ["0", "1", "2", "3", "4", "5", "6", "7"]

五、常用技巧

let person = {name:"張三",age:25,address:"深圳",getName:function(){}}

Object.keys(person).map((key)=>{

　　person[key] // 獲取到屬性對應的值，做一些處理

})

六、Object.values()和Object.keys()是相反的操作，把一個對象的值轉換為數組

云服務器 GPU云服務器方法參數詳解方法簽名詳解 grep()方法詳解 php魔術方法詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109422.html

原生js中Object.keys方法詳解

摘要：實際開發中，有時需要知道對象的所有屬性，原生提供了一個方法。這些元素是來自于給定的可直接枚舉的屬性，這些屬性的順序與手動遍歷該對象屬性時的一致。在中，非對象的參數將被強制轉換為一個對象。六要在原生不支持的就環境中添加兼容的可以添加以下腳本實際開發中，有時需要知道對象的所有屬性，原生js提供了一個方法Object.keys()。Object.keys(obj)返回的是一個數組，該數組的...

pumpkin9 2019-08-22 18:41 評論0 收藏0
詳解JavaScript之神奇的Object.defineProperty

摘要：與當與同時為時，屬性不能重新使用定義，嚴格模式下會報錯示例云麒報錯當或者為時，屬性可以重新使用定義，這一點讀者不妨自行測試。摘要： JavaScript有個很神奇的Object.defineProperty()，了解一下？ =與Object.defineProperty 為JavaScript對象新增或者修改屬性，有兩種不同方式：直接使用=賦值或者使用Object.definePro...

baishancloud 2019-08-26 17:40 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

linkin 2019-08-02 14:03 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

jimhs 2019-08-23 14:36 評論0 收藏0