JSONの反復処理
CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 22/65。
JSONのキーを反復処理するには、Object.keys()を使用することができます。
const userSettings = {
theme: "dark",
notifications: true
};
const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
console.log(keys[i], userSettings[keys[i]])
}または、for...inループを使って反復処理を行うこともできます：
for (const key in userSettings) {
console.log(key, userSettings[key]);
}もう一つの方法は、.entries() を使用することです：
for (const [k, v] of Object.entries(userSettings)) {
// kはキー、vは値です
}
チャレンジ
簡単analyzeCarData という名前の関数を作成してください。この関数は JSON オブジェクトを引数として受け取ります。このオブジェクトには、自動車販売店の在庫に関するデータが含まれており、以下のようになっています。
- キーは車のモデル名です
- 値は価格です
この関数は、以下の内容を含むオブジェクトを返す必要があります。
mostExpensive: 最も高価な車の名前cheapest: 最も安価な車の名前averagePrice: すべての車の平均価格
チートシート
JSONオブジェクトのキーを反復処理するには、Object.keys()を使用します。
const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
console.log(keys[i], userSettings[keys[i]])
}または、for...inループを使用します。
for (const key in userSettings) {
console.log(key, userSettings[key]);
}または、Object.entries()を使用してキーと値のペアを取得します。
for (const [k, v] of Object.entries(userSettings)) {
// kはキー、vは値です
}自分で試してみよう
function analyzeCarData(carData) {
// ここにコードを記述してください
}
// 関数の外側には何も記述しないでください
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
