🍌 JavaScript

---

Primitive Types

*Literal(리터럴) : 소스 코드의 고정된 값 즉, 상수 값을 나타내는 표기법이다.

🔢 Number

• 64비트 부동소수점으로 표현, 배열 인덱스와 비트 연산은 32비트 정수로 표현
• 최대값 : 1.7976931348623157e+308
• 최솟값 : -1.7976931348623157e+308
• 2진수, 8진수, 16진수에 대한 데이터 타입이 별도로 없기 때문에 10진수로 계산
• 숫자는 모두 실수(소수)로 계산

let integer = 10; 		 // 정수
let double = 10.12; 	 // 실수
let negative = -20; 	 // 음의 정수
let binary = 0b01000001; // 2진수
let octal = 0o101; 		 // 8진수
let hex = 0x41; 		 // 16진수

console.log(binary === octal); // true
console.log(octal === hex);    // true
console.log(1 === 1.0); 	   //true

소수점 계산 오류

자바스크립트에서 소수점 연산을 하면, 의도치않은 결과값을 얻을 수 있는데 이유는 부동소수점 방식의 이진수 처리 때문이다.

console.log(0.1 + 0.2) // 0.30000000000000004

컴퓨터는 계산할 때 '10진법'이 아닌 0과 1만 사용하는 '2진법'을 사용한다. 10진법을 2진법으로 바꾸는 변환과정에서 소수 중 일부는 이 과정에서 무한소수가 되어버린다. 하지만 컴퓨터 메모리에는 한계가 있어 무한소수를 다 담지 못하고 중간에 잘라서 유한 소수로 저장해버린다. 이때, 부동소수점 계산에서 다음과 같은 오류가 발생한다.

• 정밀도 손실
  2진수로 소수를 표현할 때, 소수점 이하 자릿수가 무한히 반복되는 경우가 발생할 수 있지만, 컴퓨터는 유한한 자릿수로 처리하므로 일부 자릿수는 생략되어 정밀도가 떨어짐
• 반올림 오차
  부동소수점 방식으로 연산을 처리할 때, 소수점 이하 자릿수를 반올림하여 처리하는데 반올림할 자릿수 이하의 값에 따라 결과가 달라지므로 연산 결과와 대소 비교에도 오차가 발생할 수 있음

toFixed()와 Math.round() 메서드를 사용하여 해결할 수 있다.

🔠 Strings

• UTF-16를 나열한 것
• 작은따옴표('), 큰따옴표(")를 문자열 앞뒤에 붙여서 표현
• ""(빈 문자열) " 아무것도 포함하지 않는 문자열
• escape sequence : \특정문자, 프로그래밍 언어 특성상 표현할 수 없는 특정 제어 코드나 문자를 표현해줌

Boolean Type : true / false

• 논리값을 표현하는 변수명 앞에 is를 붙임
  (예: let isMouseDown = true;)

Special Value

Infinity

let positiveInf = 10 / 0;
console.log(positiveInf); // Infinity(양의 무한대)

let negativeInf = 10 / -0;
console.log(negativeInf); //  -Infinity(음의 무한대)

NaN(Not of Number)

: 숫자로 표현할 수 없는 부정값

let nan = 1 * "string"; // 산술 연산 불가
console.log(nan); // NaN

nudefined

: 정의되지 않는 상태를 뜻

• 값을 아직 할당하지 않은 변수의 값
• 없는 객체의 프로퍼티, 배열의 요소를 읽으려고 시도했을 때의 값
• 아무것도 반환하지 않는 함수가 반환하는 값
• 함수를 호출했을 때 전달받지 못한 인수 값

null

: 아무것도 없음을 표현한 리터럴
프로그램에서 무언가를 검색했지만 찾지 못하였을 때 전달하기 위한 값으로 사용됨

Symbol()

: 자기 자신을 제외한 그 어떤 값과도 다른 유일무이한 값

• Symbol()을 호출할 때마다 새로운 값 생성

let symbol1 = Symbol(); // symbol1 생성
let symbol2 = Symbol(); // symbol2 생성
console.log(symbol1 == symbol2); // false

• Symbol()에 인수를 전달하여 생성된 심볼의 설명을 덧붙일 수 있음

const HEART = Symbol("Heart");
console.log(HEART.toString()); // Symbol(Heart)

Symbol.for(key)

: 문자열과 연결된 심볼 생성

• Symbol()과 대조적으로, Symbol.for() 함수는 전역 심볼 레지스트리 목록에서 사용 가능한 심볼을 생성
• Symbol.for()는 호출할 때마다 새로운 심볼을 생성하지는 않음
• 레지스트리에서 주어진 key를 갖는 심볼이 이미 존재하는 경우 해당하는 심볼이 반환되고, 주어진 키를 갖는 심볼이 존재하지 않는 경우, 새로운 전역 심볼을 생성

console.log(Symbol.for('bar') === Symbol.for('bar')); // true
console.log(Symbol('bar') === Symbol('bar')); // false

• Symbol.keyFor()를 통해 심볼과 연결된 문자열을 구분할 수 있음

let symbol1 = Symbol.for("club"); // symbol1 생성
let symbol2 = Symbol("club"); // symbol2 생성
console.log(Symbol.keyFor(symbol1)); // club
console.log(Symbol.keyFor(symbol2)); // undefined

Template Literals : backtick(`)

• String.raw() : 태그 함수, escape sequence(\n, \t, \\...) 문자를 그대로 출력

console.log(String.raw`Man errs as long as \nhe strives.`); // Man errs as long as \nhe strives.

• Formatter(보간 표현식) : Placeholder(${...})
  *Placeholder(플레이스홀더)란 외부에서 주어지는 값을 표현식에 반영하고자 할 때, 값이 들어갈 수 있도록 마련한 장소

let num1 = 2, num2 = 3;
console.log(`${num1} + ${num2} = ${num1 + num2}`); // 2 + 3 = 5

---

참고문헌,
이소 히로시, 『모던 자바스크립트 입문』, 서재원 역, 길벗, 2019,
https://minify.tistory.com/48,
https://velog.io/@yellowbutter0327/자바스크립트소수점계산오류,