뚝딱햄 탈출기

[JavaScript] 산술 연산자, 비교 연산자 : 몫과 나머지, '==='와 '=='의 차이 본문

Programming language/JavaScript

[JavaScript] 산술 연산자, 비교 연산자 : 몫과 나머지, '==='와 '=='의 차이

hyrmzz1 2023. 8. 7. 23:43

산술 연산자

숫자 뿐 아니라 문자열도 산술 연산자 사용 가능.

=> + 연산시에만 숫자와 문자열의 연산 결과 다름.

int와 float 섞어 연산 가능.

console.log(20 + 10);	// 30
console.log("20" + "10");	// 2010
console.log("he" + "llo");	// hello
console.log("20" - "10");	// '20 - 10'와 연산 결과 같음.
console.log("20" * "10");	// '20 * 10'와 연산 결과 같음.
console.log("20" / "10");	// 2. '20 / 10'와 연산 결과 같음. 나눗셈 결과 출력.
console.log("20" % "10");	// 0. '20 % 10'와 연산 결과 같음. 나머지 출력.

사칙 연산 - 나누기, 몫, 나머지

// num1 = 5, num2 = 2라 가정
const devision = num1 / num2;	// 2.5
const quotient = Math.floor(num1 / num2);   // 2
const remainder = num1 % num2;	// 0.5

몫을 구하는 연산자가 따로 없기 때문에, 나눗셈을 한 뒤 Math.floor()를 통해 소숫점 이하를 절삭하여 몫을 구함.

 

몫을 구하기 위해 parseInt()를 사용하지는 말 것!

: parseInt()는 정수값을 반환하므로 소숫점 이하를 절삭하기 위해 사용할 수 있지만, 큰 수에서는 type number에 string이 들어가는 경우도 있음.

비교 연산자

Boolean 데이터 타입인 true, false가 반환됨.

=, ==, ===

=

값을 할당

==

'==' 와 '!=' 은 서로 다른 데이터 타입의 변수 값을 비교. (데이터 타입은 비교 X)

===

'==='와 '!=='은 값과 데이터 타입 모두 비교.

JS에서만 사용하는 연산자로, 항상 '===' 연산자 사용할 것을 권장.

console.log(10 == 20);	// false
console.log(10 == "10");	// true
console.log(10 === "10");	// false

논리 연산자

Boolean 데이터 타입인 true, false가 반환됨.

  • AND : &&
  • OR : ||
Comments