P5.js에서 배열과 객체를 사용하는 방법에 대해 알아보겠습니다.

배열(Array) 사용하기

P5.js에서 배열은 여러 개의 값을 저장하고 접근할 때 유용하게 사용됩니다. 배열을 선언하려면 다음과 같은 형태로 작성합니다.

let myArray = [];

빈 배열을 만들었습니다. 이제 배열에 값을 추가하려면 push() 함수를 사용하면 됩니다.

myArray.push(10);
myArray.push(20);
myArray.push(30);

이렇게 하면 myArray라는 배열에 순서대로 10, 20, 30이 추가됩니다. 배열의 값을 접근하려면 인덱스를 사용합니다. 인덱스는 0부터 시작하며, 배열의 길이보다 작아야 합니다.

let value = myArray[1]; // value에 20 저장

myArray[1]은 두 번째 값을 가리킵니다. 즉, 20이 value에 저장됩니다.

객체(Object) 사용하기

P5.js에서 객체는 관련된 데이터와 함수를 그룹화하여 사용할 수 있습니다. 객체를 생성하려면 다음과 같은 형태로 작성합니다.

let myObject = {};

빈 객체를 만들었습니다. 이제 객체에 속성을 추가하고 값을 설정할 수 있습니다.

myObject.name = "John";
myObject.age = 25;

name 속성에는 “John”, age 속성에는 25가 저장됩니다. 값을 접근할 때에는 점(.) 표기법을 사용합니다.

let name = myObject.name; // name에 "John" 저장

myObject.name은 객체의 name 속성 값을 가리킵니다. 따라서 위 코드에서 name에 “John”이 저장됩니다.

이렇게 P5.js에서 배열과 객체를 사용하여 데이터를 구조화하고 관리할 수 있습니다. 다양한 메소드와 속성을 활용하여 배열과 객체를 다루는 방법을 익혀보세요.

참고 문서

• P5.js 배열 관련 문서
• P5.js 객체 관련 문서

이 글은 P5.js의 공식 문서를 참고하여 작성되었습니다.