정보실

웹학교

정보실

javascript 연산자를 사용하여 JavaScript에서 수학을 수행하는 방법 - JavaScript guide

본문

목차​

  1. JavaScript 개발자 콘솔을 사용하는 방법
  2. HTML에 JavaScript를 추가하는 방법
  3. JavaScript에서 구문 및 코드 구조 이해
  4. JavaScript로 주석을 작성하는 방법
  5. JavaScript에서 데이터 유형 이해
  6. JavaScript에서 문자열로 작업하는 방법
  7. JavaScript에서 문자열을 인덱싱, 분할 및 조작하는 방법
  8. JavaScript에서 데이터 유형을 변환하는 방법
  9. JavaScript에서 변수, 범위 및 게양 이해
  10. 연산자를 사용하여 JavaScript에서 수학을 수행하는 방법
  11. JavaScript에서 배열 이해
  12. JavaScript에서 배열 메서드를 사용하는 방법 : Mutator 메서드
  13. JavaScript에서 배열 메서드를 사용하는 방법 : Accessor 메서드
  14. JavaScript에서 배열 메서드를 사용하는 방법 : Iteration 메서드
  15. JavaScript에서 객체 이해
  16. JavaScript에서 날짜 및 시간 이해
  17. JavaScript에서 이벤트 이해
  18. JavaScript에서 JSON으로 작업하는 방법
  19. JavaScript로 조건문을 작성하는 방법
  20. JavaScript에서 Switch 문을 사용하는 방법
  21. JavaScript에서 While 및 Do ... While 루프 사용
  22. JavaScript에서 For 루프를 생성하는 방법
  23. JavaScript에서 함수를 정의하는 방법
  24. JavaScript의 프로토 타입 및 상속 이해
  25. JavaScript에서 클래스 이해
  26. JavaScript에서 객체 메소드를 사용하는 방법
  27. JavaScript에서 This, Bind, Call 및 Apply 이해

연산자를 사용하여 JavaScript에서 수학을 수행하는 방법 


 


수학 연산은 모든 프로그래밍 언어의 가장 기본적이고 보편적인 기능 중 하나 입니다. JavaScript에서 숫자는 브라우저 창 크기 차원 찾기, 통화 거래의 최종 가격 얻기 및 웹 사이트 문서의 요소 간 거리 계산과 같은 일반적인 작업에 자주 사용됩니다.


수학에 대한 높은 수준의 이해가 유능한 개발자가 되기 위한 전제 조건은 아니지만 JavaScript에서 사용할 수 있는 작업 유형과 실제 작업을 수행하기 위한 도구로 수학을 사용하는 방법을 알아야 합니다.


다른 프로그래밍 언어와 달리 JavaScript에는 하나의 숫자 데이터 형식만 있습니다. 예를 들어 정수 (양수 또는 음수)와 부동 소수점 (소수점) 사이에는 차이가 없습니다.


이 학습서에서는 산술 연산자, 대입 연산자 및 JavaScript 숫자 데이터 유형에 사용되는 연산 순서에 대해 설명합니다.


https://www.digitalocean.com/community/tutorials/how-to-do-math-in-javascript-with-operators 


산술 연산자 


산술 연산자는 수학 연산을 나타내며 값을 반환하는 기호입니다. 방정식 3 + 7 = 10에서 +는 덧셈을 나타내는 구문입니다.


JavaScript에는 기본 수학에 익숙한 많은 연산자와 프로그래밍과 관련된 몇 가지 추가 연산자가 있습니다.


다음은 JavaScript 산술 연산자의 참조 테이블입니다.


OperatorSyntaxExampleDefinition
Addition+x + ySum of x and y
Subtraction-x - yDifference of x and y
Multiplication*x * yProduct of x and y
Division/x / yQuotient of x and y
Modulo%x % yRemainder of x / y
Exponentiation**x ** yx to the y power
Increment++x++x plus one
Decrement--x--x minus one

이 기사 전체에서 이러한 각 연산자에 대해 자세히 설명합니다.


더하기와 빼기 


더하기 및 빼기 연산자는 JavaScript로 제공되며 숫자 값의 합과 차이를 찾는 데 사용할 수 있습니다. JavaScript에는 계산기가 내장되어 있으며 콘솔에서 직접 수학 연산을 수행 할 수 있습니다.


더하기 부호 (+)를 사용하여 숫자를 추가 (예 : 10과 20 추가) 할 수 있습니다.

10 + 20;
Output
30

일반 숫자로 수학을 수행하는 것 외에도 변수에 숫자를 할당하고 동일한 계산을 수행 할 수 있습니다. 이 경우 x와 y에 숫자 값을 할당하고 합계를 z에 배치합니다.


// Assign values to x and y
let x = 10;
let y = 20;

// Add x and y and assign the sum to z
let z = x + y;

console.log(z);
Output
30

마찬가지로 빼기 기호 (-)를 사용하여 숫자 또는 숫자를 나타내는 변수를 뺍니다.

// Assign values to x and y
let x = 10;
let y = 20;

// Subtract x from y and assign the difference to z
let z = y - x;

console.log(z);
Output
10

음수와 부동 소수점 (10 진수)으로 더하거나 빼기도 합니다.

// Assign values to x and y
let x = -5.2;
let y = 2.5;

// Subtract y from x and assign the difference to z
let z = x - y;

console.log(z);
Output
-7.7

JavaScript에서 주의 해야 할 점은 숫자와 문자열을 추가 한 결과입니다. 우리는 1 + 1이 2와 같아야 한다는 것을 알고 있지만 이 방정식은 예상치 못한 결과를 가져올 것입니다.


let x = 1 + "1";

console.log(x);
typeof x;
Output
11 'string'

JavaScript는 두 숫자를 추가하는 대신 전체 문장을 문자열로 변환하여 서로 연결합니다. 원하지 않는 결과가 발생할 수 있으므로 JavaScript의 동적 유형 특성에 주의를 기울여야 합니다.


JavaScript에서 더하기 또는 빼기를 사용하는 일반적인 이유는 고정 탐색 막대의 높이에서 픽셀을 뺀 높이로 스크롤 하기 때문입니다.


function scrollToId() {
    const navHeight = 60;
    window.scrollTo(0, window.pageYOffset - navHeight);
}

window.addEventListener('hashchange', scrollToId);

위의 예에서 id를 클릭하면 id 위 60 픽셀로 스크롤 됩니다.


덧셈과 뺄셈은 JavaScript에서 사용할 가장 일반적인 수학 방정식 중 하나 입니다.


곱셈과 나눗셈 


곱셈 및 나눗셈 연산자는 JavaScript로도 제공되며 숫자 값의 곱과 몫을 찾는 데 사용됩니다.


곱하기 연산자를 나타내는 데 별표 (*)가 사용됩니다.


// Assign values to x and y
let x = 20;
let y = 5;

// Multiply x by y to get the product
let z = x * y;

console.log(z);
Output
100

곱셈은 ​​판매 세를 적용한 후 품목의 가격을 계산하는 데 사용될 수 있습니다.


const price = 26.5;    // Price of item before tax
const taxRate = 0.082; // 8.2% tax rate

// Calculate total after tax to two decimal places
let totalPrice = price + (price * taxRate);
totalPrice.toFixed(2);

console.log("Total:", totalPrice);
Output
Total: 28.67

슬래시 (/)는 나누기 연산자를 나타내는 데 사용됩니다.

// Assign values to x and y
let x = 20;
let y = 5;

// Divide y into x to get the quotient
let z = x / y;

console.log(z);
Output
4

나누기는 분 단위의 시간 수를 찾거나 시험에서 완료된 정답의 백분율을 계산할 때와 같이 시간을 계산할 때 특히 유용합니다.


Modulo 


약간 덜 친숙한 산술 연산자는 나눗셈 후 나머지 몫을 계산하는 모듈로 (모듈러스라고도 함) 연산자입니다. 모듈로는 백분율 부호 (%)로 표시됩니다.


예를 들어, 우리는 3이 9에 정확히 3 번 들어가고 나머지는 없다는 것을 알고 있습니다.


9 % 3;
Output
0

이 함수에서 볼 수 있듯이 모듈로 연산자를 사용하여 숫자가 짝수인지 홀수인지 확인할 수 있습니다.


// Initialize function to test if a number is even
const isEven = x => {
    // If the remainder after dividing by two is 0, return true
    if (x % 2 === 0) {
        return true;
    }
    // If the number is odd, return false
    return false;
}

// Test the number
isEven(12);
Output
true

위의 예에서 12는 2로 균등하게 나누므로 짝수입니다.


프로그래밍에서 종종 모듈로는 흐름 제어를 위한 조건문과 함께 사용됩니다.


지수화(Exponentiation) 


지수는 JavaScript의 새로운 연산자 중 하나이며 지수에 의해 숫자의 거듭 제곱을 계산할 수 있습니다. 지수화 구문은 두 개의 별표 (**)입니다.


10에서 5 승 또는 10 ^ 5는 다음과 같이 작성됩니다.

10 ** 5;
Output
100000

10 ** 5는 10에 10을 곱한 5를 곱한 것과 같습니다.


10 * 10 * 10 * 10 * 10;

이것을 작성하는 또 다른 방법은 Math.pow() 메소드를 사용하는 것입니다.


Math.pow(10, 5);
Output
100000

지수 연산자를 사용하는 것은 주어진 숫자의 거듭 제곱을 찾는 간결한 방법이지만, 보통 방법과 연산자 중에서 선택할 때 코드베이스의 스타일과 일치하는 것이 중요합니다.


증감 


증가 및 감소 연산자는 변수의 숫자 값을 1 씩 늘리거나 줄입니다. 두 개의 더하기 부호 (++) 또는 두 개의 빼기 부호 (-)로 표시되며 종종 루프와 함께 사용됩니다.


증가 및 감소 연산자는 변수에만 사용할 수 있습니다. 원시 번호로 사용하려고 하면 오류가 발생합니다.


7++
Output
Uncaught ReferenceError: Invalid left-hand side expression in postfix operation

증가 및 감소 연산자는 연산자가 변수 앞 또는 뒤에 배치되는지 여부에 따라 접두사 또는 접미사 연산으로 분류 될 수 있습니다.


먼저 ++ x를 사용하여 접두사 증가를 텍스트로 표시 할 수 있습니다.

// Set a variable
let x = 7;

// Use the prefix increment operation
let prefix = ++x;

console.log(prefix);
Output
8

x의 값이 1 씩 증가했습니다. 차이점을 확인하기 위해 y ++를 사용하여 접미사 증가를 테스트합니다.


// Set a variable
let y = 7;

// Use the prefix increment operation
let postfix = y++;

console.log(postfix);
Output
7

접미사 연산에서 y 값은 증가하지 않았습니다. 표현식이 평가 될 때까지 값이 증가하지 않기 때문입니다. 작업을 두 번 실행하면 값이 증가합니다.


let y = 7;

y++;
y++;

console.log(y);
Output
8

증가 또는 감소 연산자는 루프에서 가장 자주 볼 수 있습니다. 이 for 루프 예제에서는 0부터 시작하여 각 반복마다 값을 1 씩 증가 시켜 작업을 10 회 실행합니다.

// Run a loop ten times
for (let i = 0; i < 10; i++) {
  console.log(i);
}
Output
0 1 2 3 4 5 6 7 8 9

위의 코드는 증가 연산자를 사용하여 달성 되는 루프를 통한 반복을 보여줍니다.


x ++는 x = x + 1의 약자로, x--는 x = x-1의 약자로 생각할 수 있습니다.


할당 연산자 


가장 일반적으로 사용되는 연산자 중 하나는 할당 연산자입니다.이 연산자는 이미 보았고 등호 (=)로 표시됩니다. =를 사용하여 오른쪽의 값을 왼쪽의 변수에 할당합니다.


// Assign 27 to age variable
let age = 27;

JavaScript에는 표준 대입 연산자 외에도 산술 연산자와 =가 결합 된 복합 대입 연산자가 있습니다.


예를 들어, 더하기 연산자는 원래 값으로 시작하여 새 값을 추가합니다.


// Assign 27 to age variable
let age = 27;

age += 3;

console.log(age);
Output
30

이 경우 연령 + = 3은 연령 = 연령 + 3과 같습니다.


모든 산술 연산자를 대입과 결합하여 복합 대입 연산자를 만들 수 있습니다. 아래는 JavaScript에서 할당 연산자의 참조 테이블입니다.

OperatorSyntax
Assignment=
Addition assignment+=
Subtraction assignment-=
Multiplication assignment*=
Division assignment/=
Remainder assignment%=
Exponentiation assignment**=

복합 할당 연산자는 증분 및 감소와 유사한 루프와 함께 사용되며 방정식을 반복하거나 자동화해야 할 때 사용됩니다.


운영자 우선 순위 


왼쪽에서 오른쪽으로 읽지 만 연산자는 일반 수학에서처럼 우선 순위대로 평가됩니다.


다음 예에서 곱셈은 덧셈보다 우선 순위가 높아 방정식의 결과를 결정합니다.


// First multiply 3 by 5, then add 10
10 + 3 * 5;
Output
25

대신 덧셈 연산을 먼저 실행하려면 항상 우선 순위가 높은 괄호로 묶어야 합니다.


// First add 10 and 3, then multiply by 5
(10 + 3) * 5;
Output
65

아래는 JavaScript에서 산술 연산자의 연산자 우선 순위에 대한 참조 표입니다 (높은 순서에서 낮은 순서로). 증분 및 감소의 경우 접미사보다 접두사가 우선합니다.


증분 / 감소, 곱셈 / 나눗셈 및 더하기 / 빼기의 우선 순위는 동일합니다.


OperatorSyntax
Parentheses()
Incrementation++
Decrementation--
Exponentiation**
Multiplication*
Division/
Addition+
Subtraction-

연산자 우선 순위에는 산술 연산자 뿐만 아니라 대입 연산자, 논리 연산자, 조건부 연산자 등도 포함됩니다. 전체 목록을 보려면 MDN (Mozilla Developer Network)에서 운영자 우선 순위를 보십시오.


결론 


이 기사에서는 많은 친숙한 수학 연산자와 프로그래밍에 특정한 몇 가지를 포함하여 산술 연산자와 구문을 다루었습니다.


또한, 우리는 산술 및 복합 대입 연산자를 만들 할당, 자바 스크립트에서 작업의 순서를 결합하는 방법을 배웠습니다.


페이지 정보

조회 126회 ]  작성일19-10-27 17:40

웹학교