[JavaScript] 자료형

1. 자료형

자바스크립트에서는 변수 선언 시 별도의 자료형을 선언하지 않고, 사용할 수 있습니다.

✔ 자바스크립트에서 값이 바르게 입력되었는지 확인할 수 있는 방법으로 웹의 개발자 도구 콘솔(consloe)창에서 값을 출력해서 확인할 수 있습니다.

console.log("입력할 데이터");

1) 기본 자료형

(1) 문자열 : String

자바스크립트는 문자와 문자열을 구분하지 않고 문자열로 통일해서 사용합니다.
문자열을 사용 시에는 ' ', " " 으로 감싸서 표현합니다.

console.log("안녕하세요");
console.log('안녕하세요');

// ''와 "" 혼용해서 사용 가능
console.log('this is "string"');
console.log('this is \'string\'');

① 문자열 연산

📌 문자열에서 적용할 수 있는 처리

▪문자열 연결 연산 : 문자열 + 문자열
▪문자 선택 연산 : 문자열[인덱스] - 한 개의 문자
▪문자열의 길이 : 문자열.length - 문자 개수

const greet = "안녕하세요,";

// 문자열 연결 연산
console.log(greet + "자바 스크립트입니다.");
// 출력 : 안녕하세요,자바스크립트입니다.

// 문자 선택 연산
console.log(greet[0]) // 안

// 문자열의 길이
console.log(greet.length); // 6

② 템플릿 문자열
문자열 결합 연산자를 사용하지 않고, 문자열 안에 바로 표현식을 사용할 수 있습니다.
' ', " " 대신 백틱(`)을 사용합니다.

// 일반적인 문자열 결합 연산자 사용
console.log("273 + 52의 값은" + (273 + 52) + "입니다.");

// 템플릿 문자열 사용
console.log(`표현식은 273 + 52의 값은 ${273 + 52} 입니다.`)

(2) 숫자형 : number

자바 스크립트는 정수와 실수 구분없이 숫자형으로 사용합니다.

숫자형은 숫자 연산자를 사용할 수 있습니다.

숫자 연산자	설명
+	더하기
-	빼기
*	곱하기
/	나누기
%	나머지

// 숫자 연산자
console.log(200 + 100);
console.log(200 - 100);
console.log(200 * 100);
console.log(200 / 100);
console.log(200 % 100);

(3) 불 자료형 : boolean

참(true)과 거짓(false) 두 가지의 값만 가지는 자료형입니다.

비교 연산자를 통해 값을 비교할 수 있습니다.

비교 연산자	설명
===	양쪽이 같다
!==	양쪽이 다르다
>	왼쪽이 크다
<	오른쪽이 크다
>=	왼쪽이 크거나 같다
<=	오른쪽이 크거나 같다

// 비교 연산자
console.log(1 === 2); // 양쪽이 같다, false
console.log(1 !== 2); // 양쪽이 다르다, true
console.log(1 > 2); // 왼쪽이 크다, false
console.log(1 < 2); // 오른쪽이 크다, true
console.log(1 >= 2); // 왼쪽이 크거나 같다, false
console.log(1 <= 2); // 오른쪽이 크거나 같다, true

// 문자열 비교
console.log("강아지" > "냐옹이"); // 내림차순이 큼, false

// 논리 부정 연산자(!)
console.log(!true); // 값을 반대로 바꿈, false

(4) undefined 자료형

변수로 선언하지 않은 식별자의 자료형은 undefined 으로 구분됩니다.

// 변수로 선언되지 않은 식별자의 자료형은 undefined
console.log(typeof(a)); // undefined

let b;
console.log(typeof(b)); // undefined

2) 자료형 검사

자료형을 확인할 때는 typeof 연산자를 사용합니다.

// typeof 연산자 사용 : typeof(자료)
console.log(typeof ("안녕하세요")); // string
console.log(typeof (100)); // number
console.log(typeof (true)); // boolean

// 괄호 없이도 사용 가능
// 비교 연산자를 함께 사용 가능
console.log(typeof "안녕하세요" === "string"); // true
console.log(typeof ("안녕하세요" === "string"); // boolean