객체 메서드

Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 17번째.

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라는 이름의 함수를 작성하세요. 쇼핑 카트 객체는 항목을 키(key)로, 수량을 값(value)으로 포함합니다. 함수는 다음 정보를 포함하는 객체를 반환해야 합니다:

totalItems: 고유 항목의 총 개수 (키의 개수)
totalQuantity: 모든 수량의 합계

치트 시트

Object 클래스는 객체를 다루기 위한 정적 메서드를 제공합니다:

Object.keys(obj) - 키 배열을 반환합니다

Object.values(obj) - 값 배열을 반환합니다

Object.entries(obj) - [키, 값] 쌍의 배열을 반환합니다

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,
    };
}
// 함수 외부에는 아무것도 작성하지 마세요

실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

객체 메서드

치트 시트

논리 & 흐름의 모든 레슨