반응형
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를 제외한 모든 값
반응형
'알아두면쓸데있는신기한잡학사전 > 고군분투흔적들' 카테고리의 다른 글
[Web] FE - jQuery (0) | 2022.08.22 |
---|---|
[Web] FE - JavaScript 조건문, 반복문 (0) | 2022.08.22 |
[Web] FE - JavaScript 변수 선언, 자료형 (0) | 2022.08.19 |
[Web] FE - JavaScript 기초 (0) | 2022.08.19 |
[Web] CSS 레이아웃 - Grid, Flex 차이 및 기본 개념 (0) | 2022.08.18 |