(자알쓰) 자료형(원시값)

// 불변하는 값이다.
var a = 'a';
var b = a;
b = 'b';
console.log(a, b); // 'a', 'b'

// 값으로써 비교가 가능하다.
console.log(false === !!0); // true

// 하지만 항상 유니크한 값을 가지는 심볼은 값으로써 비교가 불가능하다.
var c = Symbol('c');
var d = Symbol('c');
console.log(c === d); // false

// Symbol.for는 심볼 레지스트리에 해당 키값의 심볼이 있다면 새로 만들지 않고 해당 값을 반환한다.
var e = Symbol.for('c');
var f = Symbol.for('c');
console.log(e === f); // true

// 모두 고유한 타입을 내뱉어서 타입을 구분짓기가 쉽다.  
console.log(typeof false); // 'boolean'
console.log(typeof 123); // 'number'
console.log(typeof '123'); // 'string'
console.log(typeof null); // 'object', 버그이다. 상단의 링크를 참조하자.
console.log(typeof undefined); // 'undefined'
console.log(typeof Symbol()); // 'symbol'

var a = 1;
var b = 2;
if(a > b) { // 1. 조건문
  console.log(123);
}
for(var i=0; i<10; i++) { // 2. 반복문의 조건부 부분
  console.log(i); // 0~9까지 출력하게 된다.
}
var c = (a%2 === 1) ? 1 : 2; // 2. 삼항 연산자

console.log(new Boolean('').valueOf()); // false
console.log(Boolean('')); // false
// ! 연산자는 참을 거짓으로, 거짓을 참으로 바꿔주는 Not 연산자이다.  
// !으로 한 번 뒤집고 !으로 한번 더 뒤집어주면 원래의 참/거짓 값이 나오게 되는 원리다.
console.log(!!''); // false, 가장 짧아서 쓰기 간편해서 자주 쓴다.

console.log(!!0); // false, 숫자 0
console.log(!!undefined); // false, undefined
console.log(!!null); // false, null
console.log(!!false); // false, boolean의 false
console.log(!!''); // false, 빈 문자열(공백 아님, 쌍따옴표 아님)
console.log(!!NaN); // false, 숫자 NaN(Not a Number)

// 위 경우를 제외하고 모두 Truthy Value
console.log(!!12341234); // true, 0을 제외한 숫자
console.log(!!' '); // true, 공백이라도 true로 인식
console.log(!!{}); // true, 빈 개체라도 true로 인식
console.log(!![]); // true 빈 배열이라도 true로 인식

// 쌍따옴표, 홑따옴표 개인의 기호에 맞게, 혹은 코딩 컨벤션에 맞게 사용하면 된다.
var url = 'https://perfectacle.github.io/';

// HTML 템플릿을 바인딩 할 때 HTML 템플릿은 쌍따옴표를 사용하므로 홑따옴표 사용을 주장하는 입장도 있다.
var a = '<a href="' + url + '" target="_blank">짱짱맨의 블로그</a>';
var b = "<a href=\"" + url + "\" target=\"_blank\">짱짱맨의 블로그</a>";

// 또한 ES6 들어선 템플릿 리터럴 ``이 등장했기 때문에 이와 구별을 위해 쌍따옴표 사용을 주장하는 입장도 있다.
var c = `<a href="${url}" target="_blank">짱짱맨의 블로그</a>`;

// 배열과 같이 인덱스로 접근이 가능하다.
console.log(url[11], url[0], url[20]); // f h g

// 덧셈 연산자를 쓰면 문자열이 아닌 것을 문자열로 바꾼 후 문자열끼리 합쳐준다.  
// 연산 순서가 매우 중요하므로 먼저 계산해주고 싶은 내용을 앞에 배치하던가 괄호로 묶어 우선순위를 높여줘야한다.
var e = '10';
console.log(e + 2 + 1); // '1021', '10' + '2' + 1 = '102' + '1'
console.log(2 + e + 1); // '2101', '2' + '10' + 1 = '210' + '1'
console.log(2 + 1 + e); // '310', 2 + 1 + '10' = '3' + '10'

console.log(new String(123).valueOf()); // '123'
console.log(String(false)); // 'false'
console.log(''+false); // 'false', 가장 간결해서 자주 쓰는 방법이다.

var a = null;
a += ''; // 'null'
console.log(null.valueOf()); // Cannot read property 'valueOf' of null

var a;
console.log(a); // undefined
var b = 'asd';
console.log(b[3]); // undefined
// 자바스크립트는 요상하게도 초기화되지 않은 변수에 연산자를 써도 오류가 나질 않는다.
// 최대한 프로그램이 죽지 않도록 설계한 것 같다.
a += ''; // 'undefined'
console.log(b[4].valueOf()); // Cannot read property 'valueOf' of undefined