[JavaScript] 자료형, 형변환

1. 자료형

1. 숫자형 : 정수, 부동 소수점 숫자 등 숫자 나타낼 떄 사용. 정수의 한계는 ±2**53
2. bigint - 길이 제약 없이 정수를 나타냄
3. 문자형 - 빈 문자열이나 글자들로 이뤄진 문자열. 단일 문자를 나타내는 별도의 자료형은 없다.
4. Boolean - true, false
5. null - null 값만을 위한 독립 자료형. null은 알 수 없는 값
6. undefined - undefined은 할당되지 않은 값
7. 객체형 - 복잡한 데이터 구조를 표현할때 사용
8. 심볼형 - 객체의 고유 식별자를 만들 때 사용

typeof x 또는 typeof(x) 형태로 피연산자의 자료형을 알 수 있다.

• const: const로 선언한 변수를 상수(constant)라고 부른다.
  상수는 재할당 할 수 없으므로 상수를 변경하려고 하면 에러가 발생.
  변수값이 절대 변경되지 않을것 이라 확신하면 사용

const myBirthday = '18.04.1982';

myBirthday = '01.01.2001'; // error, can't reassign the constant!

null과 undefined의 차이

null은 변수를 선언하고, 'null'이라는 빈 값을 할당한 것이고 undefined는 변수 선언만 하고 값을 할당하지 않은것. 즉 자료형이 결정되지 않았다.
변수가 비어있거나 알 수 없는 상태라는걸 나타내려면 null을 사용하자

2. 기본적인 메소드

• alert() : 알림창
• prompt() : User에게 질문창을 띄움

result = prompt(title, [defualt]);

title : 사용자에게 보여줄 문자열
defualt: 입력 필드의 초기값 (선택사항)

ex) let hi = prompt('how are you?');
hi = 입력값, 사용자가 입력을 취소한 경우는 null이 반환

• confirm()
  매개변수로 받은 질문과 확인 및 취소버튼이 있는 모달창 보여줌
  사용자가 확인버튼을 누르면 true, 그 외 경우 false 반환

3. 형 변환

문자형으로 변환

let value = true;
alert(typeof value); // boolean

value = String(value); // 변수 value엔 문자열 "true"가 저장
alert(typeof value); // string

false는 문자열 "fasle"로, null은 문자열 "null"로 변환되는것과 같이, 문자형으로의 변환은 대부분 예측 가능

숫자형으로 변환

숫자형으로 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다

alert('9'/'3'); // 3, 문자열이 숫자형으로 자동변환 된 후 연산 수행

Number(value) 함수를 사용하면 주어진 값을 숫자형으로 명시적으로 변환.
숫자형 값을 사용해 무언가를 할때, 그 값을 문자 기반 form을 통해 입력받는 경우, 이런 명시적 형 변환이 필 수있다.
만약, 숫자 이외 글자가 들어있는 문자열을 숫자형으로 변환하려 하면, 그 결과는 NaN이 된다.

let age = Number("임의의 문자열 123");

alert(age); // NaN, 형 변환이 실패합니다.

• 숫자형으로 변환 시 적용되는 규칙
  

Boolean형으로 변환

이 형 변환은 논리 연산을 수행할 때 발생. Boolean(value)를 호출하면 명시적으로 형 변환 수행 가능.

• 숫자 0, 빈 문자열 null, undefined, NaN과 같이 '비어있다고' 느껴지는 값들은 false가 된다.
• 그 외의 값은 true 반환.

자료 출처 : https://ko.javascript.info