자료형

자바스크립트에서 ‘값’ 은 항상 문자열이나 숫자형 같은 특정한 자료형에 속합니다.

자바스크립트에는 여덟 가지 기본 자료형이 있습니다.

---

일단 한줄 요약으로 살펴보자면

• String(문자열) : 텍스트 데이터를 나타냅니다.
• Number(숫자) : 정수 및 부동소수점 숫자를 나타냅니다.
• BigInt : 매우 큰 정수를 나타내기 위한 원시 자료형입니다.
• Boolean(진실 혹은 거짓) : ‘true’ 또는 ‘false’ 값을 나타냅니다.
• null : 값이 없음을 나타냅니다.
• undefined : 할당되지 않은 변수의 기본값입니다.
• Object(객체) : 키와 값 으로 쌍을 이루는 집합으로, 속성과 Method를 가질 수 있습니다.
• Symbol : 유일한 값을 나타내는 원시 자료형입니다.

---

String(문자열)

문자열은 큰따옴표(””)나 작은따옴표(’ ‘), 또는 backtick(``) 으로 둘러싸인 텍스트 데이터입니다.

몇가지 예시를 보고갑시다!

1. 작은 따옴표

   let strSingle = ‘Hello, World!’;

2. 큰 따옴표

   let strDouble = “JavaScript is fun!”;

3. backtick

   let name = `John`;
   
   let greeting = `Hello, ${name}!`;

   백틱을 사용하면 변수나 표현식을 문자열에 삽입 할 수 있는 기능을 제공합니다. 위 코드에서 ${name}은 변수 name 의 값으로 대체됩니다.

Number(숫자형)

숫자형은 정수 및 부동소수점 숫자를 포함합니다.

몇가지 예시를 보고갑시다!

1. 정수

   let integerNumber = 42;

2. 부동소수점 숫자

   let floatingPointNumber = 3.14;

3. NaN(Not a Number)

   let result = 0 / 0 ; // NaN

BigInt

매우 큰 정수를 나타내기 위한 자료형입니다. 정수 뒤에 “n” 을 붙여서 생성합니다.

let bigIntValue = 9007199254740991n;

• JavaScript의 숫자형은 2^53-1 까지 안전하게 표현할 수 있습니다. 그 이상의 큰 정수를 다루려면

BigInt를 사용합니다.

Boolean(불린형)

불린형(논리 타입)은 true와 false 두 가지 값밖에 없는 자료형입니다.

let hasApple = true;
let hasBanana = false;

let bothFruits = hasApple && hasBanana; // false, 둘다 true여야 true
let eitherFruits = hasApple || hasBanana;l // true, 둘 중 하나만 true면 true
let notBanana = !hasBanana; // true, 반전된 값

각 값을 할당해주고

주로 조건을 표현하거나 조건에 따라 코드의 실행 흐름을 제어하는데 사용됩니다.

Null

null 값은 오로지 null 값만 포함하는 별도의 자료형을 만듭니다.

let age = null;

존재하지않는(nothing)값, 비어있는(empty)값, 알수없는(unknown)값을 나타내는 데 사용합니다.

let age = null; 은 나이(age)를 알 수 없거나 그 값이 비어있음을 보여줍니다.

undefined 값

undefined 값도 null 값처럼 자신만의 자료형을 형성합니다.

undefined 는 ‘값이 할당되지 않은 상태’ 를 나타낼 때 사용합니다.

• 변수는 선언했지만, 값을 할당하지 않았다면 해당 변수에 undefined 가 자동으로 할당됩니다.

Object(객체)

객체형은 특수한 자료형입니다.

let person = {

	name: ‘John’,

	age: 25,

	isStudent: false,

	city: ‘New York’

}

객체의 속성에 접근하기 위해 점 표기법을 사용합니다.

console.log(person.name);      // 'John'
console.log(person.age);       // 25
console.log(person.isStudent); // false
console.log(person.city);      // 'New York'

객체의 속성은 동적으로 변경 가능하며, 필요에 따라 새로운 속성을 추가할 수 있습니다.

person.age = 26;             // 기존 프로퍼티 수정
person.job = 'Developer';    // 새로운 프로퍼티 추가

객체 안에 또 다른 객체를 포함할 수 있고, 함수도 포함될 수 있습니다. 이러한 함수를 메서드라고 부릅니다.

let car = {
brand: 'Toyota',
model: 'Camry',
start: function() {
console.log('Engine started!');
}
};`

car.start(); // 'Engine started!' 출력

Symbol(심볼)

심볼형은 객체의 고유한 식별자를 만들 때 사용됩니다. 유일하고 변경 불가능한 값을 나타냅니다.

주로 객체 속성의 키로 사용되어 충돌이나 덮어쓰기를 방지해줍니다.