양수, 음수 또는 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 // Infinity
NaN값은
Not-A-Number를 의미합니다. 계산이나 변환이 작동하지 않을 때 NaN이 나타납니다. Infinity 는 어떤 숫자보다 큰 값을 나타내며 특정 계산 중에 나타납니다.