operator, if, for loop

하유진·2021년 7월 9일
0

Vanilla JS

목록 보기
4/5

1. operator

+

문자열과 문자열을 합할 수 있다.
문자열과 숫자를 다허는 경우에는 숫자가 문자로 변경되어 더해진다.

사칙연산

+, -, *, /, %, ** 모두 우리가 알고 있는 연산 방법과 동일

증가, 감소 연산

++, 또는 --
Preincrement: 먼저 값을 증가시키고 변수에 값을 저장
Post-increment: 먼저 변수에 값을 저장 시키고, 그 뒤에 값을 증가시킨다.

let counter = 2;
const preIncrement = ++counter;            //preIncrement=3, counter=3
console.log(`preIncrement: ${preIncrement}, counter: ${counter}`);

const postIncrement = counter++;           //preIncrement=3, counter=4
console.log(`postIncrement: ${postIncrement}, counter: ${counter}`);

할당 연산 =

비교연산 >,<

논리연산자 || (or), && (and), ! (not)

Equality ==, !=, ===, !==

==, !=는 타입을 변경해서 검사함. loose equality

===, !==는 타입을 변경X. strict equality

const strFive = '5';
const numFive = 5;

//loose equality
console.log(strFive == numFive);      //true
console.log(strFive != numFive);      //false

//strict equality
console.log(strFive === numFive);     //false
console.log(strFive !== numFive);     //true

2. if operater

우리가 잘 알고 있는 if {} else if {} else {} 문법

3. ? operater

상태 ? 값1 : 값2;
true면 값1을, false면 값2를 출력한다.

console.log(name==='yujin' ? 'yes' : 'no')

4. Switch

const browser = 'IE';
switch (browser){
    case 'IE':
        console.log('go away!');
        break;
    case 'Chrome':       //출력값이 같은 경우 
    case 'Firefox':      //이렇게 연달아 작성할 수 있음
        console.log('love you!');
        break;
    default:
        console.log('same all!');
        break;
}

여러 개가 반복되는 경우에는 switch를 사용하면 가독성이 좋다.

5. while loop

조건이 맞으면 내용 실행

6. do-while loop

먼저 조건문 안의 내용을 실행하고 나서 조건이 맞는지 검사

7. for loop

for (시작 상태; 조건; 연산과정)

8. nested loops

for 문 안에 for문을 또 작성하는 것.(피라미드 만들기 할 때 많이하는 그것)

break: 루프 끝내기

continue: 현재 루프의 남은 부분을 스킵하고 다음 스탭으로 넘어가는 것.


참고영상: 드림코딩 by 엘리 (https://www.youtube.com/watch?v=YBjufjBaxHo&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=4)

profile
Sungkyunkwan Univ. 20 @hau_jin_ #WEB #Pront-end #Back-end

0개의 댓글