양수, 음수 또는 0일 수 있는 숫자입니다.
Number 데이터 유형은 위치, 크기, 색상과 같은 값을 설명하는 데 유용합니다. 숫자는 20과 같은 정수나 12.34와 같은 소수일 수 있습니다. 예를 들어, 원의 위치와 크기는 세 개의 숫자로 설명할 수 있습니다:
circle(50, 50, 20); circle(50, 50, 12.34);숫자는 기본 산술을 지원하며 표준 연산 순서를 따릅니다: 괄호, 지수, 곱셈, 나눗셈, 덧셈, 뺄셈(PEMDAS). 예를 들어, p5.js의 시스템 변수가 숫자인 경우 산술 연산자를 사용하는 것이 일반적입니다:
// Draw a circle at the center. circle(width / 2, height / 2, 20); // Draw a circle that moves from left to right. circle(frameCount * 0.01, 50, 20);다음은 산술 연산자의 간단한 개요입니다:
1 + 2 // Add 1 - 2 // Subtract 1 * 2 // Multiply 1 / 2 // Divide 1 % 2 // Remainder 1 ** 2 // Exponentiate산술을 사용하여 숫자 변수를 업데이트하는 것이 일반적입니다. 예를 들어, 객체의 위치는 다음과 같이 업데이트할 수 있습니다:
x = x + 1;위의 문장은 + 연산자를 사용하여 변수 x에 1을 더합니다. 덧셈 할당 연산자 +=는 같은 아이디어를 표현합니다:
x += 1;다음은 할당 연산자의 간단한 개요입니다:
x += 2 // Addition assignment x -= 2 // Subtraction assignment x *= 2 // Multiplication assignment x /= 2 // Division assignment x %= 2 // Remainder assignment숫자는 다음과 같은 관계 연산자로 비교할 수 있습니다: >, <, >=, <=, ===, !==. 예를 들어, 스케치의 frameCount를 타이머로 사용할 수 있습니다:
if (frameCount > 1000) { text('Game over!', 50, 50); }frameCount > 1000 과 같은 표현은 true 또는 false가 될 수 있는 Boolean 값을 평가합니다. 관계 연산자는 모두 Boolean 값을 생성합니다:
2 > 1 // true 2 < 1 // false 2 >= 2 // true 2 <= 2="" true="" !="=" false="" <="" code="">Boolean 에서 비교와 조건에 대해 자세히 알아보세요.
참고: == 및 != 연산자에서 = 하나가 빠지는 경우에 유의하세요.
숫자를 사용한 표현식은 뭔가 잘못될 때 특별한 값을 생성할 수도 있습니다:
sqrt(-1) // NaN 1 / 0 // InfinityNaN값은 Not-A-Number를 의미합니다. 계산이나 변환이 작동하지 않을 때 NaN이 나타납니다. Infinity 는 어떤 숫자보다 큰 값을 나타내며 특정 계산 중에 나타납니다.