Objects
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · 이 페이지는 최신 브라우저(SharedArrayBuffer 지원)가 필요합니다. Chrome, Edge, Firefox 또는 Safari를 최신 버전으로 업데이트해 주세요.
English
Objects group related data
- An object stores named values together:
{ key: value, ... }. - Reach a value by its key with a dot:
person.name. - An object is perfect for one thing that has several details.
한국어
객체는 관련 데이터를 그룹화합니다
- 객체(object) 는 이름이 붙은 values를 함께 저장합니다:
{ key: value, ... }. - 점(.)을 사용하여 키(key)로 value에 접근하세요:
person.name. - 객체는 여러 세부 사항이 있는 하나의 사물에 완벽합니다.
let person = { name: "Ada", age: 36 };
console.log(person.name); // → Ada
console.log(person.age); // → 36
Explore · 탐색하기
A key looks up a value
An object maps each key to a value. obj.key looks one up instantly.
English
Change or add a property
- Assign to
obj.keyto change a value — or to add a brand-new one.
한국어
속성 변경 또는 추가
- 값을 변경하거나 완전히 새로운 값을 추가하려면
obj.key에 할당(assign)하세요.
let car = { speed: 0 };
car.speed = 60; // change an existing key
car.colour = "red"; // add a new key
console.log(car.speed); // → 60
English
Watch out
- A missing key gives
undefined, not an error:person.height→undefined. person["name"]does the same asperson.name— handy when the key sits in a variable.
한국어
주의사항
- 없는 키는 오류 대신
undefined을 반환합니다:person.height→undefined. person["name"]은person.name과 동일한 역할을 하며, 키가 변수에 들어있을 때 유용합니다.
English
Common mistakes
- Read a value with
obj.keyorobj["key"]. - A missing key gives
undefined, not an error.
한국어
흔한 실수
obj.key또는obj["key"]을 사용하여 값을 읽으세요.- 없는 키는 오류 대신
undefined을 반환합니다.
English
Now you try
- Read and change object properties.
- Press Check answer to test it.
한국어
이제 직접 해보기
- 객체의 속성을 읽고 변경하세요.
- 답안 확인을 눌러 테스트해 보십시오.
let book = { title: "CS", pages: 200 }. Log the book's title with book.title (it is CS).
Click Run to see the output here. · 출력을 보려면 '실행'을 클릭하세요.
let car = { speed: 0 }. Change car.speed to 80, then log it.
Click Run to see the output here. · 출력을 보려면 '실행'을 클릭하세요.
Create an object p with a property x set to 3 and a property y set to 4.
Click Run to see the output here. · 출력을 보려면 '실행'을 클릭하세요.