diff options
Diffstat (limited to 'files/de/web/javascript/enumerability_and_ownership_of_properties/index.html')
| -rw-r--r-- | files/de/web/javascript/enumerability_and_ownership_of_properties/index.html | 341 |
1 files changed, 341 insertions, 0 deletions
diff --git a/files/de/web/javascript/enumerability_and_ownership_of_properties/index.html b/files/de/web/javascript/enumerability_and_ownership_of_properties/index.html new file mode 100644 index 0000000000..43343c41bb --- /dev/null +++ b/files/de/web/javascript/enumerability_and_ownership_of_properties/index.html @@ -0,0 +1,341 @@ +--- +title: Aufzählbarkeit und Zugehörigkeit von Eigenschaften +slug: Web/JavaScript/Enumerability_and_ownership_of_properties +tags: + - Eigenschaft + - JavaScript + - Objekt + - enumerable +translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties +original_slug: Web/JavaScript/Aufzählbarkeit_und_Zugehörigkeit_von_Eigenschaften +--- +<div>{{JsSidebar("More")}}</div> + +<p>Aufzählbare Eigenschaften sind jene, deren internes Statusfeld <code>enumerable</code> gesetzt ist.</p> + +<p>Alle aufzählbaren Eigenschaften eines Objektes sind mit <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a>-Schleifen zu durchlaufen (sofern der Name der Eigenschaft kein <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol">Symbol</a> ist), daher die Bezeichnung „aufzählbar“.<br> + Neben for…in gibt es weitere Möglichkeiten, die Existenz einer Eigenschaft zu erkennen, Eigenschaften aufzuzählen oder abzurufen. Siehe dazu nachfolgende Tabellen.</p> + +<p>Standardmäßig aufzählbar sind Eigenschaften, die durch einfache Zuweisung oder Initialisierung entstanden sind, nicht jedoch Eigenschaften, die durch <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a> oder ähnliche Mechanismen erzeugt wurden.</p> + +<p>Die Zugehörigkeit einer Eigenschaft ergibt sich aus dem Ort seiner Definition; dies ist entweder das Objekt selbst oder einer seiner Prototypen. Eine Eigenschaft, die im Objekt definiert wurde, gehört zu diesem Objekt.</p> + +<div style="overflow: auto; width: 100%;"> +<table> + <caption>Aufzählbarkeit und Zugehörigkeit – Eingebaute Methoden zur Erkennung, zum Abruf und zur Aufzählung</caption> + <tbody> + <tr> + <th>Funktion</th> + <th>Objekt</th> + <th>Objekt und geerbt aus Prototypenkette</th> + <th>nur geerbt aus Prototypenkette</th> + </tr> + <tr> + <td>Erkennung</td> + <td> + <table> + <thead> + <tr> + <th scope="col">aufzählbar</th> + <th scope="col">nicht aufzählbar</th> + <th scope="col">aufzählbar und nicht aufzählbar</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code></p> + </td> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code> – aufzählbare Eigenschaften mit <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code> entfernt</p> + </td> + <td><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code></td> + </tr> + </tbody> + </table> + </td> + <td> + <table> + <thead> + <tr> + <th scope="col">aufzählbar</th> + <th scope="col">nicht aufzählbar</th> + <th scope="col">aufzählbar und nicht aufzählbar</th> + </tr> + </thead> + <tbody> + <tr> + <td>nur mit eigenem Code möglich</td> + <td>nur mit eigenem Code möglich</td> + <td><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/in">in</a></code></td> + </tr> + </tbody> + </table> + </td> + <td>nur mit eigenem Code möglich</td> + </tr> + <tr> + <td>Abruf</td> + <td> + <table> + <thead> + <tr> + <th scope="col">aufzählbar</th> + <th scope="col">nicht aufzählbar</th> + <th scope="col">aufzählbar und nicht aufzählbar</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a></code></p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code> </p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a></code></p> + </td> + <td><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code>, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a> </code>– aufzählbare Eigenschaften mit <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code> entfernt</td> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code></p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a></code></p> + </td> + </tr> + </tbody> + </table> + </td> + <td>nur mit eigenem Code möglich</td> + <td>nur mit eigenem Code möglich</td> + </tr> + <tr> + <td>Aufzählung</td> + <td> + <table> + <thead> + <tr> + <th scope="col">aufzählbar</th> + <th scope="col">nicht aufzählbar</th> + <th scope="col">aufzählbar und nicht aufzählbar</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a></code></p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code> </p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a></code></p> + </td> + <td><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code>, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a></code> – aufzählbare Eigenschaften mit <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code> entfernt</td> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code></p> + + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertySymbols">getOwnPropertySymbols</a></code></p> + </td> + </tr> + </tbody> + </table> + </td> + <td> + <table> + <thead> + <tr> + <th scope="col">aufzählbar</th> + <th scope="col">nicht aufzählbar</th> + <th scope="col">aufzählbar und nicht aufzählbar</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <p><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for..in</a></code></p> + + <p>(ohne Symbole)</p> + </td> + <td>nur mit eigenem Code möglich</td> + <td>nur mit eigenem Code möglich</td> + </tr> + </tbody> + </table> + </td> + <td>nur mit eigenem Code möglich</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Sichtbarkeit_von_Eigenschaften">Sichtbarkeit von Eigenschaften</h2> + +<div style="overflow: auto; width: 100%;"> +<table> + <thead> + <tr> + <th scope="row"></th> + <th scope="col"><code>in</code></th> + <th scope="col"><code>for..in</code></th> + <th scope="col"><code>obj.hasOwnProperty</code></th> + <th scope="col"><code>obj.propertyIsEnumerable</code></th> + <th scope="col"><code>Object.keys</code></th> + <th scope="col"><code>Object.getOwnPropertyNames</code></th> + <th scope="col"><code>Object.getOwnPropertyDescriptors</code></th> + <th scope="col"><code>Reflect.ownKeys()</code></th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">Aufzählbar</th> + <td>ja</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + </tr> + <tr> + <th scope="row">Nicht aufzählbar</th> + <td>ja</td> + <td>nein</td> + <td>ja</td> + <td>nein</td> + <td>nein</td> + <td>ja</td> + <td>ja</td> + <td>ja</td> + </tr> + <tr> + <th scope="row">Symbol als Name</th> + <td>ja</td> + <td>nein</td> + <td>ja</td> + <td>ja</td> + <td>nein</td> + <td>nein</td> + <td>ja</td> + <td>ja</td> + </tr> + <tr> + <th scope="row">Aufzählbar, geerbt</th> + <td>ja</td> + <td>ja</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + </tr> + <tr> + <th scope="row">Nicht aufzählbar, geerbt</th> + <td>ja</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + </tr> + <tr> + <th scope="row">Symbol als Name, geerbt</th> + <td>ja</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + <td>nein</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Eigenschaften_nach_Aufzählbarkeit_oder_Zugehörigkeit_abrufen">Eigenschaften nach Aufzählbarkeit oder Zugehörigkeit abrufen</h2> + +<p>Der nachfolgende Code ist nicht immer der effizienteste Weg, aber als einfaches Beispiel gut geeignet.</p> + +<ul> + <li>Die Existenz einer Eigenschaft erkennen: <code>SimplePropertyRetriever.theGetMethodYouWant(obj).indexOf(prop) > -1</code></li> + <li>Alle Eigenschaften durchlaufen:<br> + <code>SimplePropertyRetriever.theGetMethodYouWant(obj).forEach(function (value, prop) {});</code> (or use<code> filter()</code>, <code>map()</code>, etc.)</li> +</ul> + +<pre class="brush: js">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; + } +};</pre> + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/in">in</a></code></li> + <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for..in</a></code></li> + <li>{{jsxref("Object.hasOwnProperty()")}}</li> + <li>{{jsxref("Object.propertyIsEnumerable()")}}</li> + <li>{{jsxref("Object.getOwnPropertyNames()")}}</li> + <li>{{jsxref("Object.keys()")}}</li> + <li>{{jsxref("Object.getOwnPropertyDescriptors()")}}</li> +</ul> |