유튜브 강의 : https : / / youtu . be / qbncWPR 8 yMQ 유튜브 강의 : https : / / youtu . be / FyrsXw 6 jl 18 - 연산자 산술 연산자 + : 덧셈 - : 뺄셈 * : 곱셈 ** : 지수 연산 ( ES 2016 ) / : 나눗셈 % : 나머지 ++ : 증가 -- : 감소 피연산자 뒤 에 붙여 ( 예 : x ++) 접미사 로 사용 한 경우 증가 하 기 전 의 값 을 반환 합니다 . var x = 3 ; var y = x ++; / / y = 3 , x = 4 console . log ( y ) ; console . log ( x ) ; 피연산자 앞 에 붙여 ( 예 : ++ x ) 접두사 로 사용 한 경우 증가 한 후 의 값 을 반환 합니다 . var a = 2 ; var b = ++ a ; / / a = 3 , b = 3 console . log ( a ) ; console . log ( b ) ; 할당 연산자 = : x = y : x = y += : x += y : x = x + y -= : x -= y : x = x - y *= : x *= y : x = x * y / = : x / = y : x = x / y %= : x %= y : x = x % y **= : x **= y : x = x ** yvar x = 10 ; x += 5 ; console . log ( x ) ; 문자열 연산자 + : 연산자 는 문자열 변수 를 추가 ( 연결 ) 하 는 데 사용 . var txt 1 = " hello "; var txt 2 = " world "; var txt 3 = txt 1 + " " + txt 2 ; / / hello worldconsole . log ( txt 3 ) ; var txt 1 = " What a very "; txt 1 += " nice day "; console . log ( txt 1 ) ;// What a very nice dayconsole . log ( 5 + 5 ) ;// 10 console . log ( " 5 " + 5 ) ;// 55 console . log ( " Hello " + 5 ) ;// Hello 5 비교 연산자 == : 같 다 ( 데이터 유형 을 자동 으로 변환 한 다음 비교 ) === : 같 다 ( 데이터 유형 이 일치 하 지 않 으면 false 가 리턴 되 고 , 동일 한 경우 비교 가 수행 ) ! = : 같 지 않 다 ( 데이터 유형 을 자동 으로 변환 한 다음 비교 ) ! == : 같 지 않 다 ( 데이터 유형 이 일치 하 지 않 으면 false 가 리턴 되 고 , 동일 한 경우 비교 가 수행 ) > : 크다 < : 작 다 >= : 크 거나 같 다 <= : 작 거나 같 다 ? : 조건부 삼항 연산자 는 세 개 의 피연산자 를 취할 수 있 는 유일 한 연산자 입니다 . 보통 if 명령문 의 단축 형태 로 쓰 입니다 . : 조건 ? 참 일 때 : 거짓 일 때 console . log ( 2 > 5 ) ; / / falseconsole . log ( 5 >= 2 ) ; / / trueconsole . log ( 7 == 7 ) ; / / trueconsole . log ( false == 0 ) ; / / trueconsole . log ( false === 0 ) ; / / false 예외 : 특수 숫자 NaN 이 자신 을 포함 하 여 다른 모든 값 과 같 지 않 다 NaN 을 결정 하 는 유일 한 방법 은 isNaN ( ) 함수 를 사용 console . log ( NaN === NaN ) ; / / falseconsole . log ( isNaN ( NaN ) ) ;// true 삼항 연산자 var age = 23 ; console . log ( age > 18 ? " OK , you can go . " : " Sorry , you are much too young ! ");// OK , you can go . 논리 연산자 && : and || : or ! : notconsole . log ( true && true ) ; / / trueconsole . log ( true && false ) ; / / falseconsole . log ( false && true && false ) ; / / falseconsole . log ( false || false ) ; / / falseconsole . log ( true || false ) ; / / trueconsole . log ( false || true || false ) ; / / trueconsole . log ( ! true ) ; / / falseconsole . log ( ! false ) ; / / trueconsole . log ( ! ( 2 > 5 ) ) ; / / truevar x = 6 , y = 3 ; console . log ( x < 10 && y > 1 ) ;// trueconsole . log ( x == 5 || y == 5 ) ;// falseconsole . log ( ! ( x == y ) ) ;// true - 조건문 if ( ) if 문 은 if ( 조건 ) { 내용 } 으로 구성 되 며 조건 이 true 면 내용 이 실행 된다 . - 기본 if ( 조건식 ) { / / 조건식 이 참 이 면 이 블록 이 실행 된다 . } else { / / 조건식 이 거짓 이 면 이 블록 이 실행 된다 . }- 다중 조건식 if ( 조건식 1 ) { / / 조건식 1 이 참 이 면 이 블록 이 실행 된다 . } else if ( 조건식 2 ) { / / 조건식 2 이 참 이 면 이 블록 이 실행 된다 . } else if ( 조건식 3 ) { / / 조건식 3 이 참 이 면 이 블록 이 실행 된다 . } else { / / ( 조건식 1 , 조건식 2 , 조건식 3 ) 모두 거짓 이 면 이 블록 이 실행 된다 . }- 다중 ifif ( 조건식 ) { / / 조건식 이 참 이 면 이 블록 이 실행 된다 . if ( 조건식 ) { / / 조건식 이 참 이 면 이 블록 이 실행 된다 . } else { / / 조건식 이 거짓 이 면 이 블록 이 실행 된다 . }} else { / / 조건식 이 거짓 이 면 이 블록 이 실행 된다 . } var num = 70 ; if ( num >= 10 ) { console . log ( " 10 보다 큽니다 "); } else { console . log ( " 10 보다 작 습니다 . "); } var name = " lee " if ( name === " kim ") { console . log ( " kim 씨 군요 ! "); } else if ( name === " lee ") { console . log ( " lee 씨 군요 ! "); } else if ( name === " park ") { console . log ( " park 씨 군요 ! "); } else { console . log ( " 모르 겠 습니다 ! "); } var age = 3 ; if ( age >= 18 ) { console . log ( " 성년 이 군요 ! "); } else { if ( age >= 6 ) { console . log ( " 청소년 이 군요 ! "); } else { console . log ( " 유아 이 군요 ! "); } } switch ( ) switch ~ case 문 은 if ~ else 와 비슷 하 다 . case 뒤 에 는 name 에 해당 하 는 조건 을 적 고 그 아래 에 실행 할 내용 을 적 는다 . default 는 else 처럼 어떤 조건 에 도 해당 이 안 될 때 실행 된다 . switch 문 사용 시 주의 해야 할 점 : break 을 적 지 않 으면 해당 case 아래 로 모든 내용 이 실행 되 기 때문 에 case 하나 마다 내용 밑 에 break 를 적 어 줘야 한다 . break 문 vs continue 문 break : 반 복문 전체 종료 continue : 반복 구문 단위 로 종료 for ( var i = 0 ; i < 5 ; i ++) { if ( i === 2 ) { break ; } console . log ( i ) ; } / / 출력 0 , 1 for ( var i = 0 ; i < 5 ; i ++) { if ( i === 2 ) { continue ; } console . log ( i ) ; } / / 출력 0 , 1 , 3 , 4 var name = " lee " switch ( name ) { case " kim ": / / c 가 10 일 때 console . log ( " kim 씨 군요 ! "); break ; case " lee ": / / c 가 9 일 때 console . log ( " lee 씨 군요 ! "); break ; case " park ": / / c 가 8 일 때 console . log ( " park 씨 군요 ! "); break ; default : / / 위 의 경우 에 해당 하 지 않 을 때 console . log ( " 모르 겠 습니다 ! "); }- 반 복문 for ( ) 조건 이 거짓 으로 판별 될 때 까지 반복 for ( 초기 ; 조건 ; 업데이트 ) { 반복 될 문장 } for ( var i = 1 ; i <= 10 ; i ++) { console . log ( i ) ;// 1 ~ 10 까지 출력 한다 . } 다중 for 문구 구단 을 출력 해 보 자 for ( var i = 1 ; i <= 9 ; i ++) { console . log ( i + ' 단 을 출력 합니다 '); for ( var j = 1 ; j <= 9 ; j ++) { console . log ( i + '*' + j + '=' + i * j ) ; } } 무한 루프 : 주의 ! !! var x = 0 ; for ( ; ;) { / / 무한 루프 if ( x > 100 ) {// if 문 을 나갈 조건 break ; / / if 문 을 빠져나감 } x ++; } console . log ( x ) ; for . . in 문 이란 ? 객체 의 열거 속성 을 통해 지정 된 변수 를 반복 for ( 변수 in 객체 ) { 반복 실행 구문 } 배열 을 이용 한 for 문 var array = [ ' Apple ', ' Google ', ' Microsoft ']; for ( var i = 0 ; i < array . length ; i ++) { console . log ( array [ i ] ) ; } / / Apple / / Google / / Microsoft 배열 에 대한 for . . in 문 var array = [ ' Apple ', ' Google ', ' Microsoft ']; for ( var key in array ) { console . log ( " key : " + key + "; value : " + array [ key ] ) ; } / / key : 0 ; value : Apple / / key : 1 ; value : Google / / key : 2 ; value : MicrosoftObject 에 대한 for . . in 문 var object = { name : ' kim ', age : 20 , }; for ( var key in object ) { console . log ( " key : " + key + "; value : " + object [ key ] ) ; } / / key : name ; value : kim / / key : age ; value : 20 for . . of 문 이란 ? 반복 가능 한 객체 ( Array , Map , Set , String , TypeArray , arguments 객체 등 ) 를 반복 for ( 변수 of 반복 되 는 열거 가능 한 속성 이 있 는 객체 ) { 반복 실행 구문 } 문자열 에 대한 for . . of 문 var iterable = " abc "; for ( var value of iterable ) { console . log ( value ) ; } / / a / / b / / c 배열 에 대한 for . . of 문 var iterable = [ 10 , 20 , 30 ] ; for ( var value of iterable ) { console . log ( value ) ; } / / 10 / / 20 / / 30 forEach 문 이란 ? 오직 Array 객체 에서 만 사용 가능 한 메 서 드이 며 ( ES 6 부터 는 Map , Set 을 지원 ) 배열 의 요소 들 을 반복 하 여 작업 을 수행 배열 의 첫 번 째 부터 마지막 까지 반복 하 면서 item 을 꺼낼 수 있 다 . item : 배열 의 각각 의 itemindex : 배열 의 indexarr [ index + 1 ] : 배열 자체 를 가리킨다 . var arr = [ ' 가 ', ' 나 ', ' 다 ']; arr . forEach ( function ( item , index , arr ) { console . log ( item , index , arr [ index + 1 ] ) ; }); / / 가 0 나 / / 나 1 다 / / 다 2 undefinedwhile ( ) while 문 이란 ? 어떤 조건문 이 참 이 기 만 하 면 문장 을 계속 해서 수행 while ( 조건 구문 ) { 반복 구문 } var n = 0 ; var x = 0 ; while ( n < 3 ) { n ++; x += n ; console . log ( x ) ; } / / 1 / / 3 / / 6 주 의 ! ! 무한 반복 ! ! / / while ( true ) { / / console . log ( " Hello , world "); / /} do . . while 문 이란 ? 특정 한 조건 이 거짓 으로 판별 될 때 까지 반복 do 반복 구문 while ( 조건 구문 ) ; var i = 1 ; do { console . log ( " i = " + i ) ; i ++; } while ( i < 4 ) ; / / i = 1 / / i = 2 / / i = 3