[자바스크립트] 리터럴

리터럴

• 자바스크립트에서 리터럴은 값을 직접 표현하는 방식을 칭함
• 변수에 할당되는 값 자체를 리터럴이라고 할 수 있다.

 

 

숫자 리터럴

• 숫자를 직접 표현하는 방식
• 표현

let num1 = 10;         // 정수 리터럴
let num2 = 3.14;       // 실수 리터럴
let num3 = 0b1010;     // 이진수 리터럴 (10진수로 10을 표현)

 

문자열 리터럴

• 문자열을 표현하는 방식
• 큰따옴표( " ) 혹은 작은따옴표( ' )로 감싸서 사용
• Javascript에 대해 - 배열, 문자열
• 표현

let str1 = "Hello, World!";    // 큰따옴표로 감싼 문자열 리터럴
let str2 = 'JavaScript';       // 작은따옴표로 감싼 문자열 리터럴

 

 

불리언(Boolean) 리터럴

• 참(True)과 거짓(False)를 표현하는 방식
• true와 false로 사용
• 표현

let bool1 = true;    // 참을 나타내는 불리언 리터럴
let bool2 = false;   // 거짓을 나타내는 불리언 리터럴

 

 

null 리터럴

• 값이 없음을 표현하는 방식
• null을 사용
• [주1][면접질문] null, undefined, undeclared, NaN
• 표현

let nullValue = null;    // null 리터럴을 변수에 할당

 

 

undefined 리터럴

• 변수가 초기화되지 않았거나 값이 할당되지 않았음을 표현하는 방식
• undefined를 사용
• [주1][면접질문] null, undefined, undeclared, NaN
• 표현

let undefinedValue;      // 변수를 선언하고 초기화하지 않음 (undefined 리터럴)
let x = undefined;       // undefined 리터럴을 변수에 할당

 

 

배열 리터럴

• 여러 개의 값을 순서대로 나열한 리스트를 표현하는 방식
• 대괄호( [ ] ) 안에 값을 콤마( , )로 구분하여 작성
• Javascript에 대해 - 배열, 문자열
• 표현

let arr1 = [1, 2, 3];                   // 숫자 요소를 가진 배열 리터럴
let arr2 = ["apple", "banana", "kiwi"]; // 문자열 요소를 가진 배열 리터럴

 

 

객체 리터럴

• 속성과 값을 쌍으로 가지는 객체를 표현하는 방식
• 중괄호( { } ) 안에 속성과 값의 쌍을 콜론( : )으로 구분하여 작성
• Javascript에 대해 - 객체
• 표현

let obj1 = { name: "John", age: 25 };   // 속성과 값을 가진 객체 리터럴
let obj2 = {                          // 중첩된 객체 리터럴
  name: "Jane",
  age: 30,
  address: {
    street: "123 Main St",
    city: "New York"
  }
};

 

 

정규 표현식 리터럴

• 문자열 패턴을 표현하는 방식
• 슬래시( / )로 감싸고 패턴을 작성
• 표현

let pattern = /[a-z]+/;  // 정규 표현식 리터럴을 변수에 할당

 

 

함수 리터럴

• 함수를 표현하는 방식
• function 키워드를 사용
• 표현

let add = function(a, b) {     // 함수 리터럴을 변수에 할당
  return a + b;
};

// ES6 이후 화살표 함수(Arrow function)를 사용한 함수 리터럴 예시:
let multiply = (a, b) => a * b;