From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../index.html | 332 +++++++++++++++++++++ 1 file changed, 332 insertions(+) create mode 100644 files/ja/web/javascript/enumerability_and_ownership_of_properties/index.html (limited to 'files/ja/web/javascript/enumerability_and_ownership_of_properties/index.html') diff --git a/files/ja/web/javascript/enumerability_and_ownership_of_properties/index.html b/files/ja/web/javascript/enumerability_and_ownership_of_properties/index.html new file mode 100644 index 0000000000..500527c489 --- /dev/null +++ b/files/ja/web/javascript/enumerability_and_ownership_of_properties/index.html @@ -0,0 +1,332 @@ +--- +title: プロパティの列挙可能性と所有権 +slug: Web/JavaScript/Enumerability_and_ownership_of_properties +tags: + - Guide + - JavaScript +translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties +--- +
{{JsSidebar("More")}}
+ +

列挙可能プロパティは、内部の列挙可能（enumerable）フラグが true に設定されているプロパティです。これは、単純な代入や初期化で作成されたプロパティのデフォルトです (Object.defineProperty で追加したプロパティはデフォルトで列挙可能性が false になります）。プロパティのキーが Symbol でない限り、列挙可能なプロパティは for...in ループにの対象になります。プロパティの所有権は、プロパティがプロトタイプチェーンではなく、オブジェクトに直接属しているかどうかによって決まります。オブジェクトのプロパティはまとめて取り扱うこともでき、プロパティを検出、反復、列挙、取得するための多くの組み込み機能があります。以下に、使用可能なチャートと不足しているカテゴリを取得する方法を示すサンプルコードを示します。

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
プロパティの列挙可能性と所有権の検出、取得、反復の組み込みメソッド
機能所有するオブジェクト所有するオブジェクトとプロトタイプチェーンプロトタイプチェーンのみ
検出 + + + + + + + + + + + + + + + +
列挙可能列挙不可能列挙可能と列挙不可能
+

propertyIsEnumerable

+ +

hasOwnProperty

+ 		+

hasOwnProperty – propertyIsEnumerable を使用して列挙可能なものを除外するようにフィルターリング

+ 		hasOwnProperty
+ 		+ + + + + + + + + + + + + + + +
列挙可能列挙不可能列挙可能と列挙不可能
追加のコードが必要追加のコードが必要in
+ 		追加のコードが必要
取得 + + + + + + + + + + + + + + + +
列挙可能列挙不可能列挙可能と列挙不可能
+

Object.keys

+ +

getOwnPropertyNames

+ +

getOwnPropertySymbols

+ 		getOwnPropertyNames, getOwnPropertySymbols – propertyIsEnumerable を使用して列挙可能なものを除外するようにフィルターリング +

getOwnPropertyNames

+ +

getOwnPropertySymbols

+
+ 		追加のコードが必要追加のコードが必要
反復 + + + + + + + + + + + + + + + +
列挙可能列挙不可能列挙可能と列挙不可能
+

Object.keys

+ +

getOwnPropertyNames

+ +

getOwnPropertySymbols

+ 		getOwnPropertyNames, getOwnPropertySymbols – propertyIsEnumerable を使用して列挙可能なものを除外するようにフィルターリング +

getOwnPropertyNames

+ +

getOwnPropertySymbols

+
+ 		+ + + + + + + + + + + + + + + +
列挙可能列挙不可能列挙可能と列挙不可能
+

for..in

+ +

(symbol を除く)

+ 		追加のコードが必要追加のコードが必要
+ 		追加のコードが必要
+
+ +

列挙可能性/所有権によるプロパティの取得

+ +

以下に示すのは全てのケースで最も効率的なアルゴリズムではなく、簡潔なデモであることに注意してください。

+ + + +
var SimplePropertyRetriever = {
+    getOwnEnumerables: function(obj) {
+        return this._getPropertyNames(obj, true, false, this._enumerable);
+         // Or could use for..in filtered with hasOwnProperty or just this: return Object.keys(obj);
+    },
+    getOwnNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, true, false, this._notEnumerable);
+    },
+    getOwnEnumerablesAndNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, true, false, this._enumerableAndNotEnumerable);
+        // Or just use: return Object.getOwnPropertyNames(obj);
+    },
+    getPrototypeEnumerables: function(obj) {
+        return this._getPropertyNames(obj, false, true, this._enumerable);
+    },
+    getPrototypeNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, false, true, this._notEnumerable);
+    },
+    getPrototypeEnumerablesAndNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, false, true, this._enumerableAndNotEnumerable);
+    },
+    getOwnAndPrototypeEnumerables: function(obj) {
+        return this._getPropertyNames(obj, true, true, this._enumerable);
+        // Or could use unfiltered for..in
+    },
+    getOwnAndPrototypeNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, true, true, this._notEnumerable);
+    },
+    getOwnAndPrototypeEnumerablesAndNonenumerables: function(obj) {
+        return this._getPropertyNames(obj, true, true, this._enumerableAndNotEnumerable);
+    },
+    // Private static property checker callbacks
+    _enumerable: function(obj, prop) {
+        return obj.propertyIsEnumerable(prop);
+    },
+    _notEnumerable: function(obj, prop) {
+        return !obj.propertyIsEnumerable(prop);
+    },
+    _enumerableAndNotEnumerable: function(obj, prop) {
+        return true;
+    },
+    // Inspired by http://stackoverflow.com/a/8024294/271577
+    _getPropertyNames: function getAllPropertyNames(obj, iterateSelfBool, iteratePrototypeBool, includePropCb) {
+        var props = [];
+
+        do {
+            if (iterateSelfBool) {
+                Object.getOwnPropertyNames(obj).forEach(function(prop) {
+                    if (props.indexOf(prop) === -1 && includePropCb(obj, prop)) {
+                        props.push(prop);
+                    }
+                });
+            }
+            if (!iteratePrototypeBool) {
+                break;
+            }
+            iterateSelfBool = true;
+        } while (obj = Object.getPrototypeOf(obj));
+
+        return props;
+    }
+};
+ +

検出テーブル

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
infor..inobj.hasOwnPropertyobj.propertyIsEnumerableObject.keysObject.getOwnPropertyNamesObject.getOwnPropertyDescriptorsReflect.ownKeys()
列挙可能truetruetruetruetruetruetruetrue
列挙不可能truefalsetruefalsefalsetruetruetrue
Symbols キーtruefalsetruetruefalsefalsetruetrue
継承された列挙可能truetruefalsefalsefalsefalsefalsefalse
継承された列挙不可能truefalsefalsefalsefalsefalsefalsefalse
継承された Symbols キーtruefalsefalsefalsefalsefalsefalsefalse
+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf