ES6：遍歷對象的鍵的所有方法

OpenDigg 發布于2019-08-22 16:27 / 1263人閱讀

摘要：遍歷對象的鍵的所有方法預定義如下對象在上定義個不可枚舉的屬性方法用于遍歷自身和原型對象的可枚舉的屬性輸出方法用于返回對象自身的所有可枚舉屬性輸出方法用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，不包含屬性輸出方法用于返回對象所有屬性，

遍歷對象的鍵的所有方法

預定義如下對象：

Object.prototype.parentKey = "pValue";
Object.prototype.parentFun = function(){};
let obj = {
  mykey: "value",
  myFun: function(){},
  [Symbol()]:"symbolValue"
}
// 在obj上定義2個不可枚舉的屬性
Object.defineProperty(obj, "myUnemurableKey", {value:"value22", enumerable:false});
Object.defineProperty(obj, "myUnenmurableFunc", {value:function(){}, enumrable:false});

for ... in方法

用于遍歷自身和原型對象的可枚舉的屬性

for (let key in obj) {
    console.log(key)
}

輸出：
mykey
myFun
parentKey
parentFun

Object.keys()方法

用于返回對象自身的所有可枚舉屬性

Object.keys(obj)

輸出：
["mykey", "myFun"]

Object.getOwnPropertyNames()方法

用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，不包含Symbol屬性

Object.getOwnPropertyNames(obj)

輸出：
["mykey", "myFun", "myUnemurableKey", "myUnenmurableFunc"]

Object.getOwnPropertySymbols()方法

用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，只包含Symbol屬性

Object.getOwnPropertySymbols(obj)

輸出：
[Symbol()]

Reflect.ownKeys()方法

用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，也包含Symbol屬性

Reflect.ownKeys(obj)

輸出：
["mykey", "myFun", "myUnemurableKey", "myUnenmurableFunc", Symbol()]

Object.getOwnPropertyDescriptors方法

這個方法可以返回對象自身所有屬性的描述對象，包含key, value, writable, enumerable, configurable。

Object.getOwnPropertyDescriptors(obj)

輸出：

{
    "mykey": {
        "value": "value",
        "writable": true,
        "enumerable": true,
        "configurable": true
    },
    "myFun": {
        "writable": true,
        "enumerable": true,
        "configurable": true
    },
    "myUnemurableKey": {
        "value": "value22",
        "writable": false,
        "enumerable": false,
        "configurable": false
    },
    "myUnenmurableFunc": {
        "writable": false,
        "enumerable": false,
        "configurable": false
    }
}

GPU云服務器云服務器 js遍歷所有窗體遍歷方法遍歷java對象 javascript對象遍歷

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

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

es6 Map和WeakMap

摘要：事實上，不僅僅是數組，任何具有接口且每個成員都是一個雙元素的數組的數據結構都可以當做構造函數的參數。返回所有成員的遍歷器需要特別注意的是，的遍歷順序就是插入順序。轉為轉為，正常情況下，所有鍵名都是字符串。 Map JavaScript 的對象（Object），本質上是鍵值對的集合（Hash 結構），但是傳統上只能用字符串當作鍵。這給它的使用帶來了很大的限制。為了解決這個問題，ES6 提...

sPeng 2019-08-23 10:56 評論0 收藏0
ES6系列---Set集合與Map集合

摘要：中模擬與長久以來，數組一直是中唯一的集合類型。用數組初始化集合事實上，只要是可迭代對象數組集合集合，都可以作為構造函數的參數。構造函數通過迭代器從參數中提取值。 ES5中模擬Set與Map 長久以來，數組一直是JavaScript中唯一的集合類型。如果開發者們需要使用非數值型索引，就會用非數組對象創建所需的數據結構，而這就是Set集合與Map集合的早期實現。一般來說，Set集合常被用...

happyhuangjinjin 2019-08-20 19:04 評論0 收藏0
es6 Map和set

摘要：返回一個布爾值，表示該值是否為的成員。清除所有成員，沒有返回值。該數組中的每一項也必須是數組，內部數組的首個項會作為鍵，第二項則為對應值。返回所有成員的遍歷器需要特別注意的是，的遍歷順序就是插入順序。 Js大部分歷史時期都只存在一種集合類型，也就是數組類型。數組在 JS 中的使用正如其他語言的數組一樣，但缺少更多類型的集合導致數組也經常被當作隊列與棧來使用。數組只使用了數值型的索引，而...

superPershing 2019-08-23 10:55 評論0 收藏0
由codewars上的一道題目學習ES6的Map

摘要：我對數據結構的學習最近在上做了一道題目，嗯，我這個渣渣沒有做出來，然后看了別人的解決方案，是時候學習一下的了。。。。。讀取對應的鍵值，如果找不到返回鍵是函數返回一個布爾值，表示某個鍵是否在數據結構中。我對ES6數據結構Map的學習最近在CodeWars上做了一道題目，嗯，我這個渣渣沒有做出來，然后看了別人的解決方案，Map？？？是時候學習一下ES6的Map了。。。。。以下是原題...

IamDLY 2019-08-21 15:29 評論0 收藏0
Set和Map數據結構。

摘要：本身是一個構造函數，用來生成數據結構。該數組的成員是一個個表示鍵值對的數組。張三張三事實上，不僅僅是數組，任何具有接口每個成員都是一個雙元素的數組的數據結構都剋以當作構造函數的參數。實例的屬性和操作方法屬性屬性返回結構的成員總數。 ES6提供了新的數據結構Set，它類似與數組，但是成員值都是唯一的，沒有重復的值。 Set本身是一個構造函數，用來生成Set數據結構。 const s = ...

lixiang 2019-08-23 15:10 評論0 收藏0