IT/JavaScript

자바스크립트 기본 연산자 (javascript basic operator)

김숭늉이 2023. 9. 5. 16:53
728x90

 

 

 

 

안녕하세요. 

이번글에서는 기본연산자에 대해 알아보겠습니다.

 

 


첫번째는 계산기 기능을 하는 수학 연산자(math operators)입니다.

숫자 덧셈 뺄셈 나누기 곱하기 등 계산기의 역할을 하는 연산자를 의미합니다. 

아래 예시를 보시면 -, *, / 를 연산자라고 합니다!

//math opeators
const now = 2037;
const ageJonas = now - 1991;
const ageSarah = now - 2018;
console.log(ageJonas, ageSarah); // 46 19

console.log(ageJonas * 2, ageJonas / 10, 2 ** 3); // 92 4.6 8

 

 


두번째는 문자열 연산자 (string operators) 입니다.

문자열 두개이상을 서로 이을때 쓰는 문자열 연산자 입니다.

const firstName = "jonas";
const lastName = "seung";
console.log(firstName + " " + lastName); // jonas seung

 


세번째는 대입연산자 입니다.

값을 할당하는 = 가 대입연산자 입니다. 값을 재 할당 합니다.

//Assignment operators
let x = 10 + 5; // operator는 = 와 + // 15
x += 10; // x = x + 10 --> x값을 재할당 함
x *= 4; // x = x * 4 = 100 --> x값을 재할당 함
x++; // x = x + 1 --> x값을 재할당 함
x--; // x = x - 1 --> x값을 재할당 함
x--; // x = x - 1 --> x값을 재할당 함
console.log(x); // 100

 

 


네번째는 비교연산자 입니다.

비교연산자는 두값을 비교하였을때 어느 값이 더 크고, 작은지를 판단하며 true나 false로 값을 반환하게 됩니다.

>, < >=, <= 가 비교 연산자 입니다.

 

//Compasicon operators (비교연산자)
console.log(ageJonas > ageSarah); // true // >, <, >=, <=
console.log(ageSarah >= 18); // true

const isFullAge = ageSarah >= 18;
console.log(now - 1991 > now - 2020); // true

 

 


연산자의 실행 방식에 대하여

 

다양한 연산자들에 대하여 알아보았는데요.

아래 링크를 타고 들어가서 연산자들이 한 라인에 함께 쓰였을때, 어떤 연산자가 더 높은 우선 실행 순위를 가지는지 확인 할수 있습니다. 자바스크립트에서 쓰는 모든 연산자도 함께 확인 하실수 있습니다.

사이트에 들어가셔서 표가 나올때까지 스크롤을 쭉 해주세요!

 

연산자 실행 방식 mdn

 

맨 앞에 보이는 숫자가 실행 순위이며, 숫자가 높으면 높을수록 먼저 실행 됩니다.

세번째열에서는 어떤방향으로 연산자가 실행되는지도 함께 확인 할수 있습니다. 

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_precedence

 

Operator precedence - JavaScript | MDN

Operator precedence determines how operators are parsed concerning each other. Operators with higher precedence become the operands of operators with lower precedence.

developer.mozilla.org

 

//연산자의 실행 방식

let x, y;
x = y = 25 - 10 - 5; // x = y = 10,  // 마이너스가 먼저 실행됨
console.log(x, y); // 10 10

 

 


 

 

그럼 오늘도 좋은하루 보내세요~~~~

 

 

728x90
반응형