■ 논리 연산자의 단축 평가 기능을 사용하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
// 논리합(||) 연산자 console.log("cat" || "dog"); // "cat" console.log(false || "dog"); // "dog" console.log("cat" || false); // "cat" console.log(true || "dog"); // true console.log("cat" || true ); // "cat" // 논리곱(&&) 연산자 console.log("cat" && "dog"); // "dog" console.log(false && "dog"); // false console.log("cat" && false); // false console.log(true && "dog"); // dog console.log("cat" && true ); // true |
■ 명시적 타입 변환을 사용해 불리언 값을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
|
//////////////////////////////////////////////////////////// // Boolean 생성자 함수를 new 연산자 없이 호출하는 방법 //////////////////////////////////////////////////////////// // 문자열 타입 → 불리언 타입 console.log(Boolean("x" )); // true console.log(Boolean("" )); // false console.log(Boolean("false")); // true // 숫자 → 불리언 타입 console.log(Boolean(0 )); // false console.log(Boolean(1 )); // true console.log(Boolean(NaN )); // false console.log(Boolean(Infinity)); // true // null 타입 → 불리언 타입 console.log(Boolean(null)); // false // undefined 타입 → 불리언 타입 console.log(Boolean(undefined)); // false // 객체 타입 → 불리언 타입 console.log(Boolean({})); // true console.log(Boolean([])); // true //////////////////////////////////////////////////////////// // ! 부정 논리 연산자를 두 번 사용하는 방법 //////////////////////////////////////////////////////////// // 문자열 타입 → 불리언 타입 console.log(!!"x" ); // true console.log(!!"" ); // false console.log(!!"false"); // true // 숫자 → 불리언 타입 console.log(!!0 ); // false console.log(!!1 ); // true console.log(!!NaN ); // false console.log(!!Infinity); // true // null 타입 → 불리언 타입 console.log(!!null); // false // undefined 타입 → 불리언 타입 console.log(!!undefined); // false // 객체 타입 → 불리언 타입 console.log(!!{}); // true; console.log(!![]); // true; |
■ 명시적 타입 변환을 사용해 숫자를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
|
//////////////////////////////////////////////////////////// // Number 생성자 함수를 new 연산자 없이 호출하는 방법 //////////////////////////////////////////////////////////// // 문자열 타입 → 숫자 타입 console.log(Number("0" )); // 0 console.log(Number("-1" )); // -1 console.log(Number("10.53")); // 10.53 // 불리언 타입 → 숫자 타입 console.log(Number(true )); // 1 console.log(Number(false)); // 0 //////////////////////////////////////////////////////////// // parseInt, parseFloat 함수를 사용하는 방법(문자열만 변환 가능) //////////////////////////////////////////////////////////// // 문자열 타입 → 숫자 타입 console.log(parseInt ("0" )); // 0 console.log(parseInt ("-1" )); // -1 console.log(parseFloat("10.53")); // 10.53 //////////////////////////////////////////////////////////// // + 단항 산술 연산자를 이용하는 방법 //////////////////////////////////////////////////////////// // 문자열 타입 → 숫자 타입 console.log(+"0" ); // 0 console.log(+"-1" ); // -1 console.log(+"10.53"); // 10.53 // 불리언 타입 → 숫자 타입 console.log(+true ); // 1 console.log(+false); // 0 //////////////////////////////////////////////////////////// // * 산술 연산자를 이용하는 방법 //////////////////////////////////////////////////////////// // 문자열 타입 → 숫자 타입 console.log("0" * 1); // 0 console.log("-1" * 1); // -1 console.log("10.53" * 1); // 10.53 // 불리언 타입 → 숫자 타입 console.log(true * 1); // 1 console.log(false * 1); // 0 |
■ 명시적 타입 변환을 사용해 문자열을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
|
//////////////////////////////////////////////////////////// // String 생성자 함수를 new 연산자 없이 호출하는 방법 //////////////////////////////////////////////////////////// // 숫자 타입 → 문자열 타입 console.log(String(1 )); // "1" console.log(String(NaN )); // "NaN" console.log(String(Infinity)); // "Infinity" // 불리언 타입 → 문자열 console.log(String(true )); // "true" console.log(String(false)); // "false" //////////////////////////////////////////////////////////// // Object.prototype.toString 메소드를 사용하는 방법 //////////////////////////////////////////////////////////// // 숫자 타입 → 문자열 타입 console.log((1).toString() ); // "1" console.log((NaN).toString() ); // "NaN" console.log((Infinity).toString()); // "Infinity" // 불리언 타입 → 문자열 console.log((true ).toString()); // "true" console.log((false).toString()); // "false" //////////////////////////////////////////////////////////// // 문자열 연결 연산자를 이용하는 방법 //////////////////////////////////////////////////////////// // 숫자 타입 → 문자열 타입 console.log(1 + ""); // "1" console.log(NaN + ""); // "NaN" console.log(Infinity + ""); // "Infinity" // 불리언 타입 → 문자열 console.log(true + ""); // "true" console.log(false + ""); // "false" |
■ 암묵적 타입 변환을 사용해 조건식에서 false 불리언 값을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
if(!false ) console.log(1); // 1 if(!undefined) console.log(2); // 2 if(!null ) console.log(3); // 3 if(!0 ) console.log(4); // 4 if(!-0 ) console.log(5); // 5 if(!"" ) console.log(6); // 6 |
※ false, undefined, null, 0,
더 읽기
■ ! 연산자를 사용해 true/false 여부를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
|
// false 여부 구하기 // value : 값 // 반환값 : false 여부 function isFalse(value) { return !value; } // true 여부 구하기 // value : 값 // 반환값 : true 여부 function isTrue(value) { return !!value; } console.log(isFalse(false )); // true console.log(isFalse(undefined)); // true console.log(isFalse(null )); // true console.log(isFalse(0 )); // true console.log(isFalse(NaN )); // true console.log(isFalse("" )); // true console.log(isTrue(false )); // false console.log(isTrue(undefined)); // false console.log(isTrue(null )); // false console.log(isTrue(0 )); // false console.log(isTrue(NaN )); // false console.log(isTrue("" )); // false |
■ 암묵적 타입 변환을 사용해 숫자를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
|
// 문자열 타입 console.log(+""); // 0 console.log(+"0"); // 0 console.log(+"1"); // 1 console.log(+"string"); // NaN // 불리언 타입 console.log(+true); // 1 console.log(+false); // 0 // null 타입 console.log(+null); // 0 // undefined 타입 console.log(+undefined); // NaN // 심벌 타입 //console.log(+Symbol()); // TypeError: Cannot convert a Symbol value to a number // 객체 타입 console.log(+{} ); // NaN console.log(+[] ); // 0 console.log(+[10, 20] ); // NaN console.log(+function(){}); // NaN |
■ 암묵적 타입 변환을 사용해 문자열을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
|
// 숫자 타입 console.log( 0 + ""); // "0" console.log( -0 + ""); // "0" console.log( 1 + ""); // "1" console.log( -1 + ""); // "-1" console.log( NaN + ""); // "NaN" console.log( Infinity + ""); // "Infinity" console.log(-Infinity + ""); // "-Infinity" // 불리언 타입 console.log( true + ""); // "true" console.log(false + ""); // "false" // null 타입 console.log(null + ""); // "null" // 심벌 타입 console.log(Symbol() + ""); // TypeError: Cannot convert a Symbol value to a string // 객체 타입 console.log({} + ""); // "[object Object]" console.log(Math + ""); // "[object Math]" console.log([] + ""); // "" console.log([10, 20] + ""); // "10,20" console.log(function(){} + ""); // "function(){}" console.log(Array + ""); // "function Array() { [native code] }" |
■ 암묵적 타입 변환을 사용해 문자열을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
var x = 30; var y = x + ""; console.log(typeof y, y); // string 30 console.log(typeof x, x); // number 30 |
■ Number 인터페이스의 toString 메소드를 사용해 문자열을 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
var x = 30; var y = x.toString(); console.log(typeof y, y); // string 30 console.log(typeof x, x); // number 30 |
■ continue문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
var text = "Hello World."; var searchText = "l"; var count = 0; for(var i = 0; i < text.length; i++) { if(text[i] !== searchText) { continue; } count++; } console.log(count); |
■ String 인터페이스의 match 메소드를 사용해 특정 문자 수를 세는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
var text = "Hello World."; var searchText = "l"; const regExp = new RegExp(searchText, "g"); console.log(text.match(regExp).length); |
■ break문을 사용해 for문의 코드 블럭을 탈출하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
var text = "Hello World."; var searchText = "l"; var index; for(var i = 0; i < text.length; i++) { if(text[i] === searchText) { index = i; break; // 반복문을 탈출한다. } } console.log(index); |
■ break문을 사용해 식별자가 붙은 레이블 for문의 코드 블럭을 탈출하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
// foo라는 식별자가 붙은 레이블 for문 foo: for(var i = 0; i < 3; i++) { for(var j = 0; j < 3; j++) { if(i + j === 3) { break foo; // foo라는 식별자가 붙은 레이블 for문을 탈출한다. } console.log(`inner [${i}, ${j}]`); } } console.log("Done!"); |
■ break문을 사용해 식별자가 붙은 레이블 문의 코드 블럭을 탈출하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
// foo라는 식별자가 붙은 레이블 블럭문 foo: { console.log(1); break foo; // foo 레이블 블럭문을 탈출한다. console.log(2); } console.log("Done!"); |
■ do … while문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
var count = 0; do { console.log(count); count++; } while(count < 3); |
■ for문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
|
for(var i = 0; i < 10; i++) { console.log(i); } for(var i = 9; i >= 0; i--) { console.log(i); } for(var i = 1; i <= 5; i++) { for(var j = 1; j <= 5; j++) { if(i + j === 5) { console.log(`[${i}, ${j}]`); } } } // 무한 루프 for(;;) { // ... } |
■ while문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
var count1 = 0; while(count1 < 3) { console.log(count1); count1++; } var count2 = 0; while(true) { console.log(count2); count2++; if(count2 === 3) { break; } } |
■ switch문을 사용해 해당 연월의 일수를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
|
var year = 2000; // 윤년 var month = 2; var dayCount; switch(month) { case 1 : case 3 : case 5 : case 7 : case 8 : case 10 : case 12 : dayCount = 31; break; case 4 : case 6 : case 9 : case 11 : dayCount = 30; break; case 2 : dayCount = ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0)) ? 29 : 28; break; } console.log(dayCount); // 29 |
■ switch문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
var month = 11; var monthName; switch(month) { case 1 : monthName = "January"; break; case 2 : monthName = "February"; break; case 3 : monthName = "March"; break; case 4 : monthName = "April"; break; case 5 : monthName = "May"; break; case 6 : monthName = "June"; break; case 7 : monthName = "July"; break; case 8 : monthName = "August"; break; case 9 : monthName = "September"; break; case 10 : monthName = "Novemver"; break; case 11 : monthName = "December"; break; default : mnothName = "Invalid month"; break; } console.log(monthName); |
■ 블럭문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
// 블럭문 { var foo = 10; } // 제어문 var x = 1; if(x < 10) { x++; } // 함수 선언문 function Sum(a, b) { return a + b; } |
■ if … else if … else문을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
|
var value = 2; var kind; if(value > 0) { kind = "양수"; } console.log(kind); if(value > 0) { kind = "양수"; } else { kind = "음수"; } console.log(kind); if(value > 0) { kind = "양수"; } else if(value < 0) { kind = "음수"; } else { kind = "영"; } console.log(kind); |
■ ** 연산자를 사용해 음수를 거듭제곱의 밑으로 사용하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
console.log(-5 ** 2); // SyntaxError가 발생한다. console.log((-5) ** 2); // 25 |
■ Math 인터페이스의 pow 메소드를 사용해 지수 연산을 하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
console.log(Math.pow(2, 2 )); // 4 console.log(Math.pow(2, 2.5)); // 5.65685424949238 console.log(Math.pow(2, 0 )); // 1 console.log(Math.pow(2, -2 )); // 0.25 |
■ ** 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
console.log(2 ** 2 ); // 4 console.log(2 ** 2.5); // 5.65685424949238 console.log(2 ** 0 ); // 1 console.log(2 ** -2 ); // 0.25 |