Object

데이터를 키-값 쌍으로 저장하는 컨테이너입니다.

객체는 다른 객체를 포함한 모든 유형의 관련 데이터를 조직하는 데 도움이 됩니다. 객체에 저장된 값은 키(key)라고 불리는 이름으로 접근할 수 있습니다. 각 키-값 쌍은 '속성(property)'이라고 합니다. 객체는 파이썬(Python)의 '사전(dictionary)'이나 자바(Java)와 루비(Ruby)의 '맵(map)'과 유사합니다. 예를 들어, 객체는 개의 위치, 크기 및 외관을 포함할 수 있습니다:

// Declare the dog variable and assign it an object. let dog = { x: 50, y: 50, size: 20, emoji: '🐶' }; <p>// Style the text. textAlig(CENTER, CENTER); textSize(dog.size);</p> <p>// Draw the dog. text(dog.emoji, dog.x, dog.y); </p>

변수 dog는 네 개의 속성을 가진 객체로 할당됩니다. 객체는 중괄호 {}로 선언됩니다. 값은 점 연산자를 사용하여 접근할 수 있습니다. 예를 들어, 위의 예에서 키 size는 값 20에 해당합니다. 객체는 처음에 비어 있을 수도 있습니다:

// Declare a cat variable and assign it an empty object. let cat = {}; <p>// Add properties to the object. cat.x = 50; cat.y = 50; cat.size = 20; cat.emoji = '🐱';</p> <p>// Style the text. textAlign(CENTER, CENTER); textSize(cat.size);</p> <p>// Draw the cat. text(cat.emoji, cat.x, cat.y); </p>

스케치가 실행되는 동안 객체의 데이터를 업데이트할 수 있습니다. 예를 들어, 고양이는 위치를 업데이트함으로써 로부터 도망칠 수 있습니다:

// Run to the right. cat.x += 5;

필요한 경우, 객체의 값은 대괄호 []와 문자열을 사용하여 점 표기법 대신 접근할 수 있습니다:

// Run to the right. cat["x"] += 5;

이 문법은 키의 이름에 공백이 있을 때 유용합니다. 예를 들어 cat['height (m)']와 같은 경우입니다.

예제

Notice any errors or typos? Please let us know. Please feel free to edit src/core/reference.js and open a pull request!

관련 레퍼런스