[JavaScript] 4. 코딩의 기본 operator

2022. 2. 20. 16:56·IT/WILT

 

1. String concatenation

console.log('my' + 'car');
console.log('1' + 2);
console.log(`string literals : 1 + 2 = ${1 + 2}`);

 

2. Numeric operators

console.log(1 + 1); // add
console.log(1 - 1); // substract
console.log(1 / 1); // divide
console.log(1 * 1); // multiply
console.log(5 % 2); // remainder
console.log(2 ** 3); // exponentiation

 

3. Increment & Decrement operators : ++, --

let a = 2;
const b = ++a; // a === 3, b === 3

let c = 2;
const d = c++; // c === 2, d === 3

 

4. Assignment operators

let x = 3;
let y = 6;
x += y; // x = x + y;
x -= y; // x = x - y;
x *= y; // x = x * y;
x /= y; // x = x / y;

 

5. Comparison operators : <, >, <=, >=

console.log(10 < 6); // less than
console.log(10 <= 6); // less than or equal
console.log(10 > 6); // greater than
console.log(10 >= 6); // greater than or equal

 

6. Logical operators : ||, &&

const v1 = false;
const v2 = 4 < 2;

// ||(or), finds the first truthy value
console.log(`or : ${v1 || v2 || check()}`); // v1이 true이면, 뒷연산 없이 바로 true 출력

// &&(and), finds the first falsy value
console.log(`and : ${v1 && v2 && check()}`); // v1이 false이면, 뒷연산 없이 바로 false 출력

function check() { // 그냥 시간을 낭비하는 함수
	for (let i = 0; i < 10; i++) {
    	console.log('*');
    }
    return true;
}

// Not(!)
let v = true;
console.log(!v); // false
often used to compress long if-statement
if (nullableObject && nullableObject.something) {
}

// 두 조건은 같다.

if (nullableObject != null) {
	nullableObject.something;
}

 

7. Equality : ==, ===

const stringFive = '5';
const numberFive = 5;

// == loose equality, with type conversion
console.log(stringFive == numberFive); // true
console.log(stringFive != numberFive); // false

// === strict equality, no type conversion
console.log(stringFive === numberFive); // false
console.log(stringFive !== numberFive); // true

const a1 = {name : 'apple'};
const a2 = {name : 'apple'};
const a3 = a1;
console.log(a1 == a2); // false
console.log(a1 === a2); // false
console.log(a1 === a3); // true

console.log(0 == false); // true
console.log(0 === false); // false
console.log('' == false); // true
console.log('' === false); // false
console.log(null == undefined); // true
console.log(null === undefined); // false

 

8. Conditional operators : if, else

const a = 'apple';
if (a === 'banana') {
	console.log('b');
} else if (a === 'grape') {
	console.log('g');
} else {
	console.log('a');
}

 

9. Ternary operator : 삼항연산자

let a = 'apple';
console.log(a === 'apple' ? 'yes' : 'no');

 

10. Switch statement : switch, case, break, default

 

11. Loops : while, do, for

let i = 0;
while(i < 3) {
	console.log(`while: ${i}`);
    i++;
}

do {
	console.log(`do while: ${i}`);
    i--;
} while(i > 0)

for(i = 0; i < 3; i++) {
	console.log(`for: ${i}`);
}

'IT > WILT' 카테고리의 다른 글

[JavaScript] 6. 객체지향 언어, class VS object  (0) 2022.02.22
[JavaScript] 5. 함수의 선언과 표현, Arrow Function  (0) 2022.02.22
[JavaScript] 3. Data Type, let VS var, hoisting  (0) 2022.02.19
[JavaScript] 2. 콘솔 출력, script async와 defer의 차이점  (0) 2022.02.18
[JavaScript] 1. 자바스크립트의 역사와 현재, 그리고 미래  (0) 2022.02.17
'IT/WILT' 카테고리의 다른 글
  • [JavaScript] 6. 객체지향 언어, class VS object
  • [JavaScript] 5. 함수의 선언과 표현, Arrow Function
  • [JavaScript] 3. Data Type, let VS var, hoisting
  • [JavaScript] 2. 콘솔 출력, script async와 defer의 차이점
KimCookieYa
KimCookieYa
무엇이 나를 살아있게 만드는가
  • KimCookieYa
    쿠키의 주저리
    KimCookieYa
  • 전체
    오늘
    어제
    • 분류 전체보기 (574) N
      • 혼잣말 (88) N
      • TIL (2)
      • 커리어 (24)
        • Sendy (21)
        • 외부활동 기록 (2)
      • 프로젝트 (186)
        • 티스토리 API (5)
        • 코드프레소 체험단 (89)
        • Web3 (3)
        • Pint OS (16)
        • 나만무 (14)
        • 대회 (6)
        • 정글 FE 스터디 (16)
        • MailBadara (12)
        • github.io (1)
        • 인공지능 동아리, AID (5)
        • 졸업과제 (18)
        • OSSCA 2024 (1)
      • 크래프톤 정글 2기 (80)
      • IT (168)
        • 코딩 (4)
        • CS (18)
        • 에러 (5)
        • 블록체인 (23)
        • Front-End (39)
        • 알고리즘&자료구조 정리 (3)
        • 코딩테스트 (3)
        • BOJ 문제정리 (41)
        • WILT (12)
        • ML-Agents (4)
        • 강화학습 (1)
        • Android (0)
        • LLM (2)
      • 전공 (1)
        • 머신러닝 (1)
      • 자기계발 (20)
        • 빡공단X베어유 (2)
        • 독서 (15)
  • 블로그 메뉴

    • 홈
    • 방명록
    • Github
    • Velog
    • 관리
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    블록체인
    OS
    나만무
    사이드프로젝트
    알고리즘
    머신러닝
    JavaScript
    docker
    크래프톤정글
    센디
    부산대
    Flutter
    Pint OS
    글리치해커톤
    NEAR Protocol
    니어프로토콜
    RNN
    react
    졸업과제
    리액트
    파이썬
    핀토스
    MailBadara
    해커톤
    딥러닝
    pintos
    프로그래머스
    코드프레소
    자바스크립트
    numpy
  • hELLO· Designed By정상우.v4.10.3
KimCookieYa
[JavaScript] 4. 코딩의 기본 operator
상단으로

티스토리툴바