본문 바로가기
알아두면쓸데있는신기한잡학사전/고군분투흔적들

[Web] FE - Javascript 연산

by 대범하게 2022. 8. 22.
반응형

Javascript의 연산

산술연산

자바스크립트는 HTML, CSS와는 다르게 다양한 산술, 대입 등의 연산자를 통해 숫자, 문자 등을 출력할 수 있다.

//연산
var x, y;
x = 5;
y = 9;
y++; //10
x--; //4
--x; //3
++x; //4
x = x + 2; //6
x += 2; //8
document.write(x, '<br>');
x *= 2; //16
document.write(x, '<br>');

var 이름 = '성이름';
var 나이 = 10;

document.write('제 이름은 ' + 이름 + ' 제 나이는 ' + 나이 + '입니다.' , '<br>');
document.write(`제 이름은 ${이름}입니다. 제 나이는 ${나이+나이} 입니다.`);

 

 

비교연산

객체의 크고 작고를 비교하거나 맞고 틀림을 비교하는 연산이다.

var x, y;
x = 20;
y = 10;
document.write(x > y, '<br>');         // true
document.write(x < y, '<br>');         // false
document.write(x <= y, '<br>');        // false
document.write(x >= y, '<br>');        // true

document.write(x == 20, '<br>');       // true
document.write(x === '20', '<br>');    // false
document.write(x != y, '<br>');        // true
document.write(x != y*2, '<br>');      // false

 

논리연산

true 값을 갖는 데이터를 truthy

false 값을 갖는 데이터를 falsy

  • 논리 AND연산자(&&)는 첫번째 falsy값 또는 마지막 truthy 값을 반환합니다.
  • 논리 OR연산자(||)는 첫번째 truthy값 또는 마지막 falsy 값을 반환합니다.
  • falsy 값 : false, 0, ‘ ’, NaN, undefined, null
  • truthy 값 : falsy를 제외한 모든 값
반응형