[JavaScript] 기본 자료형/Array/Fuction

1. 기본 자료형

1) 원시 타입 (Primitive Type)

Number

  • JS에서는 int, long, float, double과 같이 정수와 실수를 구분하는 숫자 타입이 없음
    → 모두 64bit 실수로 표현됨

String

  • 문자열 자료형
  • "' 는 동일
  • ES6부터 백틱( ` ) 문자열 지원 (Template literal)

Boolean

  • true or false

Symbol

  • ES6 이후에 나온 원시타입
  • 유일하고 변경할 수 없는 식별자를 만들고 싶을 때 사용

Null

  • '값'이 정해지지 않은 것을 의미
  • Object 타입

Undefined

  • '타입'이 정해지지 않은 것을 의미
  • 초기화되지 않은 변수나 존재하지 않는 값

💡 null과 undefined는 동등 연산자(==)와 일치 연산자(===)로 비교할 때 결과값이 다르다 ( 둘의 타입이 다르기 때문!! )

2) 객체 타입 (Object Type)

Object

  • 자바스크립트의 기본 타입

  • { }로 감싸진 형태

  • property의 정렬되지 않은 집합

  • property는 {key: value} 형태로 구성

  • property가 함수일 경우 method라고 부름

  • 원시타입을 제외한 나머지는 모두 객체
    function, array, regex(정규식)도 모두 객체

3) Array

  • JS에서는 array도 객체임

  • 배열 요소의 타입이 고정되어 있지 않음
    → 같은 배열에 있는 요소들의 타입이 서로 다를 수도 있음

  • 배열 요소의 인덱스가 연속적이지 않아도 됨
    → 배열의 특정 요소가 비어있을 수도 있음

  • 기본 형태
    arr = [elem1, elem2, elem3]

4) Function

  • JS에서는 function도 객체임
  • 하나의 고유한 목적의 작업을 수행하도록 설계된 독립적인 블록

💡 자바스크립트의 함수는 일급 객체

  • 변수 or 데이터 구조에 담을 수 있음
  • 다른 함수의 파라미터로 전달 가능
  • 반환 값으로 사용 가능

함수 선언식

  • 호이스팅의 영향을 받음
<// 함수 선언식 생성
function funcName (params) {
  
}

// 함수 선언식 실행
funcName(params);

함수 표현식

  • 호이스팅의 영향을 받지 않음
  • 함수를 변수에 할당 (일급 객체!)
// 함수 표현식 생성
const funcName = function(params) {
  
}

// 함수 표현식 실행
funcName(params);

  • 화살표 함수
    * 간결한 표현식
    • 변수가 하나면 소괄호 생략 가능
    • 상황에 따라 return문 생략 가능
// 함수 표현식 생성 - 화살표 함수
const funcName = (params) => {
    
}
  
// 함수 표현식 실행
funcName(params);

좋은 웹페이지 즐겨찾기