■ typeof 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
console.log(typeof "" ); // string console.log(typeof 1 ); // number console.log(typeof NaN ); // number console.log(typeof true ); // boolean console.log(typeof undefined ); // undefined console.log(typeof Symbol() ); // symbol console.log(typeof null ); // object console.log(typeof [] ); // object console.log(typeof {} ); // object console.log(typeof new Date() ); // object console.log(typeof /test/gi ); // object console.log(typeof function() { }); // function |
■ 쉼표 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var x; var y; var z; x = 1, y = 2, z = 3; console.log(x); console.log(y); console.log(z); |
■ 그룹 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
console.log(10 * 2 + 3); // 23 // 그룹 연산자를 사용해 우선순위를 조절한다. console.log(10 * (2 + 3)); // 50 |
■ 논리 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
// 논리합(||) 연산자 console.log(true || true ); // true console.log(true || false); // true console.log(false || true ); // true console.log(false || false); // false // 논리곱(&&) 연산자 console.log(true && true ); // true console.log(true && false); // false console.log(false && true ); // false console.log(false && false); // false // 논리 부정(!) 연산자 console.log(!true ); // false console.log(!false); // true // 암묵적 타입 변환 console.log(!0 ); // true console.log(!"Hello"); // false |
■ 삼항 조건 연산자을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var x = 2; var result = x % 2 ? "홀수" : "짝수"; console.log(result); // 짝수 |
■ NumberConstructor 인터페이스의 isNaN 메소드를 사용해 NaN 여부를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
console.log(Number.isNaN(NaN)); // true console.log(Number.isNaN(10)); // false console.log(Number.isNaN(1 + undefined)); // true |
■ ObjectConstructor 인터페이스의 is 메소드를 사용해 동일 여부를 구하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
console.log(Object.is(-0, +0)); // false console.log(Object.is(NaN, NaN)); // 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 |
console.log(5 === 5); // true console.log(5 === "5"); // false console.log("0" === ""); // false console.log(0 === ""); // false console.log(0 === "0"); // false console.log(false === "false"); // false console.log(false === "0"); // false console.log(false === null); // false console.log(false === undefined); // false console.log(NaN === NaN); // false console.log(0 === -0); // true |
■ == 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
console.log(5 == 5); // true console.log(5 == "5"); // true console.log("0" == ""); // false console.log(0 == ""); // true console.log(0 == "0"); // true console.log(false == "false"); // false console.log(false == "0"); // true console.log(false == null); // false console.log(false == undefined); // false |
■ + 연산자를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
// 산술 연산자 console.log(1 + 2); // 3 // true는 1, false는 0으로 타입 변환된다. console.log(1 + true ); // 2 console.log(1 + false); // 1 // null은 0으로 타입 변환된다. console.log(1 + null); // 1 // undefined는 숫자로 타입 변환되지 않는다. console.log(+undefined ); // NaN console.log(1 + undefined); // NaN // 문자열 연결 연산자 console.log("1" + 2); // "12" console.log(1 + "2"); // "12" |
■ typeof 연산자를 사용해 데이터 타입을 구하는 방법을 보여준다. ▶ 예제 코드 (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 |
var foo; console.log(typeof foo); // undefined foo = 3; console.log(typeof foo); // number foo = "Hello"; console.log(typeof foo); // string foo = true; console.log(typeof foo); // boolean foo = null; console.log(typeof foo); // object foo = Symbol(); console.log(typeof foo); // symbol |
■ 불리언 타입을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var value1 = true; var value2 = false; |
■ Symbol 함수를 사용해 심벌 타입을 사용하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var key = Symbol("key"); console.log(typeof key); // symbol var object = {}; object[key] = "테스트"; console.log(object[key]); // 테스트 |
■ 템플리트 리터럴을 사용해 문자열 표현식을 사용하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var firstName = "길동"; var lastName = "홍"; console.log(`제 이름은 ${lastName}${firstName}입니다.`); |
■ + 연산자를 사용해 문자열 연결하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var firstName = "길동"; var lastName = "홍"; console.log("제 이름은 " + lastName + firstName + "입니다."); |
■ 템플리트 리터럴을 사용하는 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var templateLiteral = `<ul> <li><a href="#">Home</a></li> </ul>`; console.log(templateLiteral); |
■ 문자열 타입을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var string1 = '문자열'; // 작은따옴표 var string2 = "문자열"; // 큰따옴표 var string3 = `문자열`; // 백틱(ES6) |
■ 2진수/8진수/16진수를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var binary = 0b1000001; // 65 var octal = 0o101; // 65 var hexadecimal = 0x41; // 65 |
■ Infinity/-Infinity/NaN을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
console.log(10 / 0); // Infinity console.log(10 / -0); // -Infinity console.log(1 * 'string'); // NaN |
■ 숫자 타입을 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (JAVASCRIPT)
|
|
var integer = 10; // 정수 var double = 10.12; // 실수 var negative = -20; // 음의 정수 |