オブジェクトメソッド

CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 17/65。

JavaScriptのObjectクラスは、オブジェクトの操作や処理に役立ついくつかの組み込み静的メソッドを提供しています。

Object.keys(obj) - キーの配列を返します

Object.values(obj) - 値の配列を返します

Object.entries(obj) - [key, value] ペアの配列を返します。

例えば：

const person = {
    name: "John",
    age: 30,
    city: "New York"
};

const keys = Object.keys(person);
// ["name", "age", "city"]

const values = Object.values(person);
// ["John", 30, "New York"]

const entries = Object.entries(person);
// [["name", "John"], ["age", 30], ["city", "New York"]]

これで、オブジェクトに含まれるキーの数を確認できます：

Object.keys(person).length

チャレンジ

簡単

analyzeShoppingCart という名前の関数を作成してください。この関数はショッピングカートオブジェクトを引数に取ります。ショッピングカートオブジェクトは、キーとしてアイテムを、値としてその数量を保持しています。この関数は、以下の情報を含むオブジェクトを返す必要があります。

totalItems: ユニークなアイテムの総数（キーの数）
totalQuantity: すべての数量の合計

チートシート

Object クラスは、オブジェクトを操作するための静的メソッドを提供します：

Object.keys(obj) - キーの配列を返します

Object.values(obj) - 値の配列を返します

Object.entries(obj) - [key, value] ペアの配列を返します

const person = {
    name: "John",
    age: 30,
    city: "New York"
};

const keys = Object.keys(person);
// ["name", "age", "city"]

const values = Object.values(person);
// ["John", 30, "New York"]

const entries = Object.entries(person);
// [["name", "John"], ["age", 30], ["city", "New York"]]

オブジェクト内のキーの数を取得します：

Object.keys(person).length

自分で試してみよう

function analyzeShoppingCart(cart) {
    // ここにコードを書いてください
    
    
    return {
        totalItems: totalItems,
        totalQuantity: totalQuantity,
    };
}
// 関数の外には何も書かないでください

腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

オブジェクトメソッド

チートシート

論理とフローのすべてのレッスン