자바 스크립트 자료형

 

자바스크립트에서는 다양한 자료형을 사용할 수 있습니다. 그 중에서도 가장 기본적인 자료형은 문자형(String), 숫자형(Number), 논리형(Boolean)입니다.

 

문자형(String):

• 개념: 문자열은 텍스트 데이터를 나타내는 데 사용됩니다. 문자열은 작은따옴표('')나 큰따옴표("")로 감싸져 있습니다.
• 예시 코드:

let message = "Hello, world!"; // 큰따옴표로 둘러싼 문자열
let name = 'Alice'; // 작은따옴표로 둘러싼 문자열

 

 

숫자형(Number):

• 개념: 숫자형은 숫자를 나타내는 데 사용됩니다. 정수나 실수를 포함하여 다양한 숫자를 표현할 수 있습니다.
• 예시 코드:

let age = 25; // 정수
let pi = 3.14; // 실수

 

 

논리형(Boolean):

• 개념: 논리형은 참(True) 또는 거짓(False)을 나타내는 데 사용됩니다. 주로 조건문과 논리 연산에 활용됩니다.
• 예시 코드:
   

let isStudent = true; // 참
let isAdult = false; // 거짓

 

위의 예시 코드에서는 각 자료형을 선언하고 할당한 예시를 보여줍니다. 문자형은 따옴표로 감싸진 텍스트 데이터를, 숫자형은 정수나 실수를, 논리형은 참 또는 거짓을 나타냅니다. 이러한 자료형들은 자바스크립트에서 다양한 데이터를 다루는 데 사용됩니다.

 

undefined와 null

모두 값이 없음을 나타내는데 사용되지만, 이 둘은 약간의 차이가 있습니다.

 

undefined:

• 개념: undefined는 변수가 선언되었지만 값이 할당되지 않은 상태를 의미합니다. 즉, 변수가 아직 초기화되지 않았거나, 객체의 프로퍼티가 존재하지 않는 경우에도 해당 프로퍼티의 값은 undefined입니다.
• 예시 코드:

let x; console.log(x); // undefined
let person = {}; console.log(person.name); // undefined

 

 

null:

• 개념: null은 명시적으로 값이 없음을 나타냅니다. 즉, 변수에 값을 할당하지 않았거나, 객체의 프로퍼티가 존재하지 않는 경우 대신 사용될 수 있습니다.
• 예시 코드:

let y = null; console.log(y); // null
let car = { brand: "Toyota", model: null }; console.log(car.mo

 

 

차이점:

• undefined는 값이 할당되지 않은 상태를 나타내는 반면, null은 명시적으로 값이 없음을 나타냅니다.
• undefined는 변수의 초기값이며, 변수가 선언되었지만 값을 할당하지 않은 경우에 발생합니다. 반면 null은 개발자가 명시적으로 값이 없음을 나타내기 위해 사용됩니다.
• typeof 연산자로 확인했을 때, undefined는 "undefined"를 반환하고, null은 "object"를 반환합니다.

 

이러한 차이로 인해 undefined와 null은 다른 상황에서 사용되며, 각각의 의미를 명확히 구분하여 사용해야 합니다.

 

객체(Object) 자료형

객체는 여러 종류의 값들을 담을 수 있는 컨테이너로서 함수, 배열, 객체 리터럴 등이 포함됩니다. 이들을 각각 자세히 설명하겠습니다.

 

함수는 자바스크립트에서 기능을 수행하기 위해 사용됩니다. 함수는 일련의 작업을 수행하고 값을 반환할 수 있습니다. 함수는 변수에 할당되거나, 객체의 속성으로 사용될 수 있으며, 다른 함수 내에서 정의될 수도 있습니다

 

함수(Function):

// 함수 정의
function greet(name) { return "Hello, " + name + "!"; }

 

 

배열(Array):

• 배열은 여러 개의 값을 순서대로 저장하는 자료구조입니다. 각 값은 인덱스로 접근할 수 있습니다. 배열은 대괄호([])로 생성되며, 각 요소는 콤마(,)로 구분됩니다.

// 배열 생성 let numbers = [1, 2, 3, 4, 5];

 

객체 리터럴(Object Literal):

• 객체 리터럴은 중괄호({}) 안에 키-값 쌍의 집합으로 이루어진 자료구조입니다. 키는 문자열로 표현되고, 값은 모든 자료형이 될 수 있습니다. 객체는 속성과 메서드를 포함할 수 있으며, 속성에는 변수처럼 값을 저장하고, 메서드에는 함수를 저장할 수 있습니다.

// 객체 리터럴 생성
let person = { 
name: "Alice", 
age: 30, 
greet: function() { return "Hello, my name is " + this.name + " and I am " + this.age + " years old."; } };

 

이렇게 함수, 배열, 객체 리터럴은 모두 객체 자료형에 속하며, 각각의 특징에 따라 다양한 용도로 사용됩니다. 함수는 기능을 정의하고 재사용할 수 있는 코드 블록을 만들 때 사용되며, 배열은 순차적으로 연결된 값의 집합을 저장할 때 사용되며, 객체 리터럴은 여러 속성과 메서드를 포함하는 객체를 생성할 때 사용됩니다.