はじめに
この実験では、JavaScript においてオブジェクト自身のプロパティを反復処理する方法を学びます。この実験の目的は、Object.keys()
と Array.prototype.forEach()
メソッドを使ってオブジェクトのプロパティをループ処理し、それぞれに対してコールバック関数を実行する方法を理解することです。この実験が終わるとき、JavaScript におけるオブジェクトの扱い方とそのプロパティの操作方法をより深く理解しているでしょう。
This tutorial is from open-source community. Access the source code
💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください
この実験では、JavaScript においてオブジェクト自身のプロパティを反復処理する方法を学びます。この実験の目的は、Object.keys()
と Array.prototype.forEach()
メソッドを使ってオブジェクトのプロパティをループ処理し、それぞれに対してコールバック関数を実行する方法を理解することです。この実験が終わるとき、JavaScript におけるオブジェクトの扱い方とそのプロパティの操作方法をより深く理解しているでしょう。
オブジェクト自身のプロパティを反復処理してコーディングを練習するには、次の手順に従います。
node
と入力して新しい Node.js セッションを開始します。Object.keys()
メソッドを使って、オブジェクト自身のプロパティの配列を取得します。Array.prototype.forEach()
メソッドを使って、各プロパティをループ処理し、提供された関数を実行します。forOwn()
関数をオブジェクトと提供された関数とともに使って、オブジェクトのプロパティを反復処理します。次にコードの例を示します。
const forOwn = (obj, fn) =>
Object.keys(obj).forEach((key) => fn(obj[key], key, obj));
forOwn({ foo: "bar", a: 1 }, (v) => console.log(v)); // 'bar', 1
このコードは、foo
と a
のプロパティの値をコンソールに出力します。
おめでとうございます!オブジェクト自身のプロパティを反復処理する実験を完了しました。スキルを向上させるために、LabEx でさらに実験を練習することができます。