값

• JS의 값들은 다른 언어, 특히 C나 JAVA와 좀 다르게 동작한다.
• 배열, 문자열등에서 그 차이를 알아본다.

배열

예제: JS의 배열은 다양한 타입의 값을 원소로 가질 수 있다.

• 심지어 아래와 같이 구멍난 배열을 만드는것도 가능하다

예제: 구멍난 배열

• 동작이 상당히 특이한데, 인덱스 100 위치에 요소를 추가하는것도 가능한데, 이때 length를 찍어보면 101로 나온다.

숫자 인덱스 대신 문자열을 사용하는것도 가능하다.

• 이는 배열 자체도 객체이기 때문에, Key/Property 문자열을 추가할 수 있기 때문이다.
• 되긴 하지만, length는 증가하지 않는다.

예제: 정수를 문자열로 감싼 경우, number 타입을 사용한 것으로 동작한다.

유사 배열

• Array가 Object의 하위타입이긴 하지만, 어쨋튼 배열은 배열이다.
• 근데, JS에선 배열이 아닌데 배열처럼 생긴 객체를 쓰는 경우가 존재한다.
  이러한 객체를 유사 배열이라고 부른다

예제: 유사 배열과 일반 배열의 차이점

• 배열처럼 생겼을 뿐, 배열은 아니기에 Array가 가진 메서드를 호출할 수 없다.

• 유사배열은 그냥 정수를 Key로 가지는 객체일 뿐, Array가 아니다.
• 유사배열을 Array타입의 배열로 바꾸고 싶다면 Array.from 메서드를 사용하면 된다.

문자열

• 다른 언어의 경우 문자열은 문자의 배열인 경우가 있는데, 실제 구현이 어떤진 모르나, 사용함에 있어선 문자배열처럼 사용할 수 없다.
• JS의 문자열은 배열처럼 indexOf, concat, length등의 프로퍼티나 메서드를 가지고 있긴 하지만, 그렇다고 해서 배열은 아니다.

문자열은 불변값이다

• 문자 배열이라면, 배열 원소를 변경할 수 있어야 한다.
• 하지만 문자열은 불변값이기에, 특정 위치의 문자만 바꾸는것이 불가능하다. 새 문자열을 만들어야 한다.

문자열을 뒤집으려면?

• 배열의 경우 reverse라는 메서드가 있어서, 문자 배열이었다면 그냥 reverse만 호출하면 되지만, 문자열은 그런게 없다.
• 여러 구현방법이 존재할 수 있겠는데, 문자열을 문자 배열로 바꿔서 reverse를 호출하고, 다시 문자열로 합치는 방법을 구현해보자

숫자

• 숫자의 유형별로 다양한 타입(float, int, long, double, ...)을 가지는 다른 언어와 달리, JS는 number 하나뿐이다.
• 그래서 JS는 실수건 정수건 타입이 같다.

머신 엡실론: 작은 소수값에서 발생하는 오차

• 이진 부동 소수점으로 나타낸 소수는 원래 수와 일치하지 않으므로, 이러한 수를 가지고 계산한 결과 또한 원래 수와 일치하지 않는다.
• 이렇게 발생한 오차를 머신 엡실론이라고 부르는데, Number.EPSILON으로 미리 정의되어있다.

표현 가능한 수의 범위와 안전한 정수 범위

• 사용 가능한 바이트 수가 제한된 이상, 표현 가능한 수의 범위도 존재한다.
• Number.MAX_VALUE는 부동 소수점 숫자의 최댓값, Number.MIN_VALUE는 음수가 아니면서 0에 가까운 숫자이다.
• MAX_VALUE, MIN_VALUE등은 표현한 값이 실제 값과 정확하게 일치한다고 보장할 수 없기 때문에,
  JS는 정수에서 안전하게 표현 가능한 수의 범위를 따로 가지고 있다.

특수값

undefined

• 아래와 같은 경우, 따로 할당하지 않아도 반환되는 값이다
  • 값을 할당하지 않은 변수에 접근하는 경우
  • 존재하지 않는 속성에 접근하는 경우
  • 값을 반환하지 않은 함수의 리턴값을 사용하는 경우

void

• JS의 내장 식별자로, 표현식의 값을 undefined로 만들 수 있다.

특수 숫자

NaN

NaN이란

• Not a number의 약자로, 숫자가 아님을 나타내는 경계값(Sentinel Value)의 일종으로, 숫자 집합 내에서 발생한 특별한 종류의 에러상황을 나타낸다.
• 근데 typeof의 결과값은 number이다.
• 거기다가 값 비교도 안된다.

isNaN()

• 내장유틸의 isNaN이나 ES6의 Number.isNaN()으로 NaN 여부를 평가할 수 있다만,
  내장유틸의 isNaN은 문제가 있다.
• 'a'는 숫자는 아니지만, NaN이란 값은 또 아니다. 근데 isNaN은 숫자가 아니란 이유로, 'a'에 대한 리턴값이 true이다.
• 반면 Number.isNaN은 정상적으로 false가 반환된다. 그래서 isNaN유틸함수는 사용하지 않는편이 좋다.

무한대

• JS에선 0으로 나눈 결과가 무한대로 출력된다

레퍼런스

• JS에는 C++의 참조변수(Reference variable)가 없다.

프리미티브 타입과 객체 타입

프리미티브 타입은 값이 복사된다.

• 프리미티브 타입의 경우 값이 복사되므로, 서로 다른 변수에 같은 변수의 값을 할당하더라도 값이 복사된다.
  값만 복사된거니까 한 변수의 값을 바꾸더라도 다른 변수는 그대로이다

객체의 경우 레퍼런스 값이 복사된다

• 다른 변수에 객체의 레퍼런스 값을 복사한 경우, 이를 참조하게 되면 같은 객체에 접근하게 된다.

얕은 복사

• 레퍼런스 값을 복사하지 말고, 새로운 객체를 생성해서 값을 다시 채워넣어야 한다.
• 객체 안의 속성을 그대로 복사하는걸 얕은 복사라고 한다. 이때, 속성의 값이 객체라면, 이 객체의 레퍼런스값을 복사해가는 꼴이 되므로,
  해당 속성은 같은 객체를 참조하게 된다

깊은 복사

• 속성이 가리키는 객체도 전부 새로 만들고 싶다면, 재귀적으로 새로운 객체를 생성하여 값을 채워넣어야 한다. 이를 깊은 복사라고 부른다.

Wrapper 객체

• Number등의 객체로 프리미티브 타입의 값을 감쌀 수는 있다.
• 하지만 객체의 숫자 값 속성을 변경할 방법을 제공하지 않아, 함수에서 값을 변경해줄 수 없다.

정리

배열과 유사배열

• 배열도 객체라서 문자열을 키값으로 사용할 수 있긴 하다. 다만 이 경우 length값이 증가하지 않는다.
• 유사배열은 배열처럼 정수를 키로 가지고 있을 뿐, Array의 객체는 아니다. Array의 메서드를 사용하지 못한다.

문자열

• JS의 문자열은 문자배열이 아니다. 그러므로 배열의 메서드를 사용할 수 없다.
• JS의 문자열은 불변값이므로 특정 위치의 문자만 바꿀 수 없다. 변경하고자 한다면, 새 문자열을 만들어야 한다.

숫자

• JS는 하나의 숫자 타입인 number를 사용한다. 이걸로 정수부터 실수까지 표현한다
• 이진 부동소수점으로 나타낸 소수는 원래 수와 매우 유사할 뿐, 일치하지 않는다.
  따라서 JS에서 소수끼리 연산을 하면, 오차가 발생하는데, 이를 머신 엡실론이라고 부른다.
• 다만 정수는 원래 수와 일치하게 표현할 수 있다.
  JS의 정수 최소, 최대값은 Number.MAX_SAFE_INTEGER, MIN_SAFE_INTEGER을 사용하면 구할 수 있다.
• 0으로 나눈 결과는 Infinity이다.

NaN

• 숫자가 아님을 나타내는 경계값, 숫자에서 발생한 특별한 종류의 에러상황을 나타낸다.
• NaN은 자기 자신과 비교해도 다르다고 나오는 특성이 있다.
• window.isNaN은 문자열도 NaN으로 취급하는 반면, Number.isNaN은 그렇지 않다.

객체 & 레퍼런스

• 프리미티브 타입은 값이 복사되는 반면, 객체는 레퍼런스 값이 복사된다. 같은 레퍼런스값을 가지니, 같은 객체를 참조하게 된다
• 객체 복사는 두가지 방법이 있다. 얕은 복사와 깊은 복사가 있는데, 얕은 복사는 속성을 그대로 복사하다보니, 객체인 경우 레퍼런스를 복사한다. 반면 깊은 복사는 속성이 가진 객체도 완전히 복사한다. 즉 새로운 객체를 생성한다.

Number 객체

• Number객체로 프리미티브 타입을 감싸는 경우, 타입은 object인데, 언제 언박싱이 발생할지 모른다.
• 객체이긴 하지만 내부의 프리미티브 값을 변경할 수 없다.