[JavaScript] 타입이란?

예진·2023년 2월 20일

JavaScript

목록 보기
1/13
post-thumbnail

타입(Type)이란?

: 값(Value)의 종류.
JavaScript에는 7가지의 데이터 타입이 존재한다.

- Number 
- String 
- Boolean
- Null
- Undefined
- BigInt 
- Symbol

❗❕ 값이 어떤 타입을 가지고 있는지 확인하기 위해서는 **typeof** 연산자를 사용할 수 있다.

오늘은 Number, String ,Boolean 세 가지의 데이터 타입에 대해 배웠다.

Number 타입

Number type은 숫자를 표현하는 데이터 타입이다. 정수(integer)와 실수(float)을 모두 표현이 가능하다.

100; // 정수를 표현.
-100; // 음수를 표현.
100.123; // 실수를 표현.

산술 연산자

같은 Number 타입의 값 간에는 사칙연산이 가능하다. 자바스크립트에서는 수학 기호 (+ - * / )를 산술 연산자(arithmetic operator) 라고 함.

console.log(1 + 2); // 3
console.log(1 - 2); // -1
console.log(1 * 2); // 2
console.log(1 / 2); // 0.5
console.log(9 % 2); // 1 (9를 2로 나눈 나머지 구하기)

String 타입

String type은 문자열을 나타내는 데이터 타입이다. 문자열이 아닌 숫자나 한자, 기호 등도 따옴표(’), 쌍따옴표(”), 백틱(`)으로 감싸면 문자열 타입이 된다.

length 속성

console.log('yejin'.length); // 5
console.log('yejin123'.length); // 8

문자열의 length 속성을 이용하여 문자열의 길이를 확인할 수 있다. 문자열 값에 .length 를 붙이면 된다.

인덱스(Index)

let str = 'codestates';
console.log(str[0]); // 'c'
console.log(str[4]); // 's'

각 문자가 몇 번째에 위치하는지 인덱스(Index)로 확인할 수 있다. 첫 번째 문자의 인덱스는 0이다.

문자열 주요 메서드

  • toLowerCase() : 문자열을 소문자로 변경.

  • toUpperCase() : 문자열을 대문자로 변경.

  • concat() : 문자열 연결 연산자 + 처럼 문자열을 이어붙일 수 있다.

  • slice() : 문자열의 일부를 자를 수 있다.

    	`'hello world'.slice(0, 5); // 'hello'`
  • indexOf() : 문자열 내에 특정 문자가 몇 번째 위치하는지 확인. 포함되어 있지 않을 경우 -1 을 반환.

'🍎🍓🍉🍇'.indexOf('🍎'); // 0
'🍎🍓🍉🍇'.indexOf('🖥'); // -1
  • includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다. (ture or false를 반환)

boolean 타입

Boolean은 사실 관계를 구분하기 위한 타입으로, true 혹은 false 둘 중 하나의 값을 가질 수 있다.

비교연산자(comparison operator)

  • === , !== : 엄격한 동치 연산자 두 피연산자의 값과 타입이 같으면 true, 다르면 false 를 반환. 보이는 값이 같아도, 두 값의 타입이 다르면 false.

  • > , < , >= , <= : 대소 관계 비교 연산자 두 피연산자의 값의 크기를 비교. (반드시 부등호가 먼저 나와야 함.)

논리연산자(logical operator)

  • || : 논리합(OR)
    두 값 중 하나만 true 여도 true 로 판단합니다.

  • && : 논리곱(AND)
    두 값이 모두 truetrue 로 판단합니다.

profile
Front-End Developer

0개의 댓글