[모던자바스크립트] 자료형

hana jeong·2022년 11월 30일
0

모던자바스크립트

목록 보기
2/15

1, 숫자형

  • 정수 및 부동 소수점 숫자를 나타냄
  • NaN (Not a Number)은 계산 중 부정확하거나 정의되지 않은 수학연산을 사용하면 에러가 나고 NaN을 반환함.

자바스크립트는 자동으로 자료형을 변환하는 경우가 많음
더하기 연산자)
문자열이 우선 됨(뒤에 있든 앞에 있든)
더하기를 제외한 나머지 사직연산자)
숫자가 우선됨

2. 문자형

  • 문자열을 따옴표로 묶음
let str = "hi";
let str1 = 'hi hoho';
let str2 = `${str} how are you`;

백틱(`)으로 변수나 표현식을 감싸고 ${ }안에 넣으면 원하는 변수나 표현식을 문자열 안에 쉽게 넣을 수 있음

let catName = "Ray";

console.log(`my cat is ${catName}`);
// my cat is Ray

3. 불린형

true와 false 두 가지 값을 가지는 자료형
불린형은 true(긍정)와 false(부정)을 나타내는 값을 저장할 때 사용함

let boolean1 = 10 > 5;
let boolean2 = 10 > 20;

console.log(boolean1); // true
console.log(boolean2); // false

10이 5보다 크다는 것은 논리적으로 참임 그래서 boolean1 변수에는 true 할당됨
마찬가지로 10이 20보다 크다는 것은 논리적으로 거짓이기에 boolean2 변수는 false가 할당됨

4. null

null은 오로지 null값만 가짐
자바스크립트 외의 언어에 있는 null과는 성격이 다름
자바스크립트에서의 null은 알 수 없거나, 변수나 상수를 선언하고 의도적으로 선언한 공간을 비워둘 때 할당함

let age = null;

console.log(age); // null

5. undefined

undefined는 값이 할당되지 않은 상태를 나타낼 때 사용함
변수는 선언했지만 값을 할당하지 않았다면 해당 변수에
undefined가 자동으로 할당됨

let age = 1000;

age = undefined;

console.log(age); // undefined

6. 객체형

자바스크립트의 핵심적인 자료형
객체 자료형에서 파생되는 자료형으로는 배열, 객체 리터럴, 함수가 있음

  • 배열
    복수의 데이터를 저장할 수 있는 자료형
    let vegetables = ['감자', '당근', '양배추']
    배열로 정의한 데이터를 요소라고 함
    그리고 배열 요소에 접근하려면 인덱스를 이용함
    인덱스는 0부터 시작하며 배열에서 각 데이터가 있는 위치를 가리키는 숫자라고 보면 됨
    만약 위의 예시에서 당근에 접근하고 싶다면 다음과 같이 쓰면 됨
    console.log(vegetables[1]) // '당근' 1번 인덱스에 접근

배열은 다음과 같이 모든 자료형을 저장할 수 있음
let array = ['aa', 10, false, undefined, null, [], {}, function(){}];

객체(object)
객체란 변수와 함수가 모여 만든 하나의 꾸러미
빈 객체를 생성하여 변수와 함수를 그 안에 추가한다
이때 선언된 변수를 프로퍼티(property) 함수는 메서드method
객체 자체는 프로퍼티와 메서드를 갖는 역할

object(객체) = property(변수) + method(함수)

let baby = {
	age:'1살',
    gender:'female',
    birthday:'1월1일',
    getAge: function(){
    	return this.age;
    }
}

let age = baby.getAge();

console.log(age); // 1살
profile
https://developer-hh.tistory.com 로 옮깁니다

0개의 댓글