본문 바로가기
프로그래밍/JavaScript

JavaScript - 데이터의 여러가지 타입들

by hustle-ing 2023. 3. 4.

Number 타입

정수(integer)와 실수(float) 모두 표현 할 수 있으며, typeof 연산자로 타입을 확인 할 수 있다.

typeof 100; //
'number' typeof -100; //
'number' typeof 100.123 // 'number'

 

간단한 사칙연산보다 더 복잡한 계산을 위해서는 Math 내장 객체를 사용한다.

Math.floor(100.4); // 100, 내림
Math.ceil(100.4); // 101, 올림
Math.round(100.6); // 101, 반올림
Math.abs(-100); // 100, 절대값
Math.sqrt(2); // 1.4142..., 루트값
Math.pow(2,5) // 32 , 2의 5승

 

String 타입

 

따옴표('), 쌍따옴표("), 백틱(`)으로 감싸면 문자열이 된다. 백틱으로 만든 문자열은 줄바꿈이 가능하다.

+를 이용하여 문자열을 이어붙일 수 있다. 다른 타입과 문자열을 +를 이용하여 이어붙이려고 하면  문자열로 변하게된다.

위의 이유로 가능하면 다른 타입과의 연산은 하지 않는게 좋다.

"안녕하세요" + "!!"; // 안녕하세요!!
"감사합니다." + " " + "✋" // 감사합니다. ✋
1 + "1" // 11, 앞의 number도 + "1" 때문에 string이 되어버렸다.

 

문자열의 각 문자의 순서는 인덱스(index)를 이용하여 확인 할 수 있다. Zero-based numbering 임을 주의하자.

let str = "code";
console.log(str[0]); // c
console.log(str[3]); // e

 

문자열에서 유용하게 쓰이는 일부 메서드들.

'ABC'.toLowerCase(); // 'abc'
'abc'.toUpperCase(); // 'ABC'
'a'.concat('bc'); // 'abc'
'abc'.slice(0,2); // 'ab'
'abc'.indexOf('a'); // 0 , 만약 찾는 문자가 2개 이상일 경우 가장 앞 문자의 인덱스
'abc'.indexOf('d'); // -1, 포함되어 있지 않으면 -1
'abc'.includes('a'); // true

 

Boolean 타입

 

Boolean(불리언)은 사실 관계를 구분하기 위한 타입니다. 불리언 타입의 값은 true 혹은 false 둘 중 하나이다.

 

불리언 타입은 아니지만, JavaScript에서 false로 여겨지는 값이 일부 있는데 이를 falsy값이라고 한다. 반대의 의미로 truthy값이 있지만 매우 많아서, falsy값을 암기하여 구분하는게 좋다.

// 대표적인 falsy 값들
false
0, -0, 0n
"" '' ``
null, undefined
NaN

 

비교연산자와 논리연산자를 이용하여 불리언 타입의 값으로 변환한다.

//비교연산자
===, !==, <=, >=,<,>

//논리연산자
||(OR), &&(AND)

//예시
123 === '123' // flase
123 !== '123' // true
true || false // true
true && false // false

댓글