본문 바로가기
  • 개발 / 공부 / 일상
Javascript

(Javascript) 자료형

by JJeongHyun 2023. 1. 12.
반응형

자료형

  • 데이터 타입이라고도 불리며 실수, 정수, boolean(참/거짓), 숫자 등 여러 종류의 데이터를 식별하는 분류. 변수의 종류
  • 종류 
    • string : 텍스트, 문자열
    • number : 숫자형
    • boolean : 참 / 거짓, bool(불) 값
    • object : 객체, 키와 값으로 이루어진 객체. 중괄호로 정의
    • array : 이름과 인덱스로 참조되는 정렬된 값의 집합, 같은 배열 내 요소들은 서로 다른 자료형일 수 있다
    • typeof : 변수의 자료형을 알려준다

 

string : 텍스트 문자열

  • 표현방식 ( "", '', `` )
    • 한 줄로 표현할 텍스트는 "", ''
    • 여러 줄로 표현하거나 변수와 텍스트를 같이 쓰고 싶다면 `` (템플릿 리터널)을 써야 한다
      단, 한 줄 텍스트 표현 시에 \(역슬래쉬)를 사용하면 여러 줄로 표현이 가능하다
let string1 = '"abcd"';
let string2 = "abcd";
let string3 = `abcd`;
let string4 = `ds
aklgjhfdsahgdsajhgkj
sdhgl`;
let string5 = "
sdd
dds
";
let string6 = "\
dsfkasdhgkjshfal\
";

 

number : 숫자형

let number1 = 1;
let number2 = 1.1;
let number3 = 1 / 3;
let number4 = "1"; // 숫자가 아니라 1이라는 문자열이다.

 

boolean : 참 / 거짓, bool(불) 값

let boolean1 = true;
let boolean2 = false;
let boolean3 = 1;
let boolean4 = "asdf";
let boolean5 = 0;
let boolean6 = "0";
let boolean7 = "\uac00";

위 코드에 대한 bool값

 

객체 : 중괄호에 키와 값(key : value)으로 이루어진 프로퍼티(property) 집합

  • 객체는 데이터를 의미하는 프로퍼티와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미
  • 객체의 키는 문자열 혹은 기호여야 한다.
  • 객체의 값은 모든 유형이 될 수 있다
  • 객체에 한쌍 뒤에 쉼표를 이용하여 그 뒤에 오는 또 다른 한쌍을 구분해주어야 한다
const obj = {
  a: 1,
  b: function () {
    console.log("b");
  },
  c: () => {
    return "c";
  },
};

위 코드에 대한 notion 정리 했던 내용

 

배열 : 순차적인 데이터 객체

  • 리스트 같은 객체라고도 볼 수 있다
  • 인덱스를 가진 복수의 자료를 저장할 수 있는 자료구조
  • 데이터를 순차적으로 저장되며 중복이 가능
let arr1 = [1, 2, "3", { a: 1, b: 2, c: "3" }, true];

console.log(arr1);	// 배열전체
console.log(arr1[0]);	// 배열의 첫번째 원소
console.log(arr1[2]);	// 배열의 세번째 원소
console.log(arr1[3]);	// 배열의 네번째 원소

 

typeof : 변수의 자료형을 알려준다

console.log(typeof shift1);
console.log(typeof string1);
console.log(typeof number1);
console.log(typeof boolean1);
console.log(typeof undefined1);
console.log(typeof null1);
console.log(typeof obj);
console.log(typeof obj.a);
console.log(typeof obj.b);
console.log(typeof obj.c);
console.log(typeof arr1);
console.log(typeof arr1[0]);
console.log(typeof arr1[2]);
console.log(typeof arr1[3]);

위 코드에 대한 typeof 결과

 

'Javascript' 카테고리의 다른 글

(Javascript) function  (0) 2023.01.13
(Javascript) 연산자  (0) 2023.01.12
(Javascript) Math  (0) 2023.01.12
(Javascript) Array메서드  (0) 2023.01.12
(Javascript) JS & 변수  (0) 2023.01.12