JavaScript 데이터 타입

대빵·2023년 10월 16일
2

데이터 타입

데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터(숫자, 문자, 블리언 등)의 종류를 말한다.

1. 숫자

프로그래밍 언어에서의 숫자는 우리가 일반적으로 알고 있는 숫자와 그 성격이 사실상 동일하다. 우리는 숫자를 이용하여 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)등의 연산을 할 수 있다.

1-1. 정수

let num1 = 10;
console.log(num1); // 10
console.log(typeof num1); // number

num1이라는 변수를 생성하고, 10이라는 값을 할당하는 코드이다. num1이라는 변수를 생성하기 전까지는 자바스크립트에서 num1이라는 단어는 인식되지 않는 명령어지만 우리가 num1이라는 변수를 생성함으로서, 인식 가능한 단어로 바뀌었고 해당 단어가 의미하는 값은 10이 된다.

1-2. 실수(float)

let num2 = 3.14;
console.log(num2); // 3.14
console.log(typeof num2); // number

1-3. 지수(Exp)

let num3 = 2.5e5; // 2.5 x 10^5
console.log(num3); // 250000
console.log(typeof num3); // number

1-4. 유효하지 않는 숫자 연산

let num4 = "Hello" / 2;
console.log(num4); // NaN(Not a Number)

NaN(Not a Number)는 유효하지 않는 숫자 연산을 실행했을때 생성된다.

1-5. Infinity(무한대)

let num5 = 1 / 0;
console.log(num5); // Infinity
console.log(typeof num5); // number
let num5 = 10 / -0;
console.log(num5); // -Infinity
console.log(typeof num5); // number

infinity는 양의 무한대 / -infinity는 음의 무한대이다.

1-6. 타입 판별

JavaScript에서 제공하는 기능들 중 typeof라는 연산자가 있다. 이 연산자는 어떤 종류의 값인지를 판단할 때 사용이 된다.

2. 문자 : string(문자열 = 문자의 나열)

string타입은 텍스트 데이터를 나타내는데 사용한다.

' ' = " "
let str = "Hello Wolrd!";
console.log(str); // Hello Wolrd!
console.log(typeof str); // string

따옴표에 감싸져 있는 Hello Wolrd!는 텍스트이다. 텍스트들을 문자열 혹은 String이라고 부른다.

2-1. 문자열 길이 확인하기

console.log(str.length); // 12

.length를 이용하여 모든 문자열은 그 길이에 대한 정보를 알 수 있다.

2-2. 문자열 결합하기(concatenation)

let str1 = "Hello, ";
let str2 = "world";
let result = str1.concat(str2);
console.log(result); // Hello, world

.concat() 함수는 두 개의 문자열을 하나의 문자열로 만들어주는 역활을 하는 함수이며, 입력값을 문자열 대신 배열을 사용하면 두 개의 배열을 하나의 배열로 만들어주는 역활도 하는 함수이다.

2-3. 문자열 자르기

let str3 = "Hello, World!";
console.log(str3.substr(7, 5)); // World
console.log(str3.slice(7, 12)); // World

.substr() 함수는 문자열의 일부를 일정 길이만큼 추출하고 싶을 때 사용한다.
ex)"문자열".substr(startIndex, length);

.slice() 함수는 배열로 부터 특정 범위를 복사한 값들을 담고 있는 새로운 배열을 만드는데 사용합니다. 첫번째 인자로 시작 인덱스(index), 두번째 인자로 종료 인덱스를 받으며, 시작 인덱스부터 종료 인덱스까지 값을 복사하여 반환합니다.
ex)"문자열".slice(index, index);

2-4. 문자열 검색

let str4 = "Hello, World!";
console.log(str4.search("World")); // 7

2-5. 문자열 대체

let str5 = "Hello, World!";
let result01 = str5.replace("World", "Javascript");
console.log(result01); // Hello, Javascript!

2-6. 문자열 분할

let str6 = "apple, banana, kiwi";
let result02 = str6.split(",");
console.log(result02); // [ 'apple', ' banana', ' kiwi' ]

블리언(Boolean)

true(참) or false(거짓)

let bool1 = true;
let bool2 = false;
console.log(bool1); // true
console.log(typeof bool1); // boolean
console.log(bool2); // false
console.log(typeof bool2); // boolean

undefined

un : not, define : 정의하다

let x;
console.log(x);

null

값이 존재하지 않음을 '명시적'으로 나타내는 방법

let y = null;
console.log(y); // null

object(객체)

key-value pair

let person = {
name: 'yuna',
age: 26,
test: true
}
console.log(typeof person); // object

array(배열)

여러 개의 데이터를 순서대로 저장하는 데이터 타입

let number = [1,2,3,4,5];

0개의 댓글