Number

양수, 음수 또는 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 &gt; 1 // true 2 &lt; 1 // false 2 &gt;= 2 // true 2 &lt;= 2="" true="" !="=" false="" &lt;="" code=""&gt; <p><a href="/reference/p5/Boolean">Boolean</a> 에서 비교와 조건에 대해 자세히 알아보세요.</p> <p>참고: <code>==</code> 및 <code>!=</code> 연산자에서 <code>=</code> 하나가 빠지는 경우에 유의하세요.</p> <p>숫자를 사용한 표현식은 뭔가 잘못될 때 특별한 값을 생성할 수도 있습니다:</p> <code> sqrt(-1) // NaN 1 / 0 // Infinity </code> <p><code>NaN</code>값은 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN" target="_blank">Not-A-Number</a>를 의미합니다. 계산이나 변환이 작동하지 않을 때 <code>NaN</code>이 나타납니다. <code>Infinity</code> 는 어떤 숫자보다 큰 값을 나타내며 특정 계산 중에 나타납니다.</p> <!--=-->

예제

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

관련 레퍼런스