[JS] Js기초 자료형

1
2
3
4
5
6
7
8
9
10
11
12
// 1. 숫자형 (Number)
// JavaScript는 정수와 실수를 구분하지 않고 모두 Number 타입으로 처리합니다.
let integer = 123; // 정수
let float = 3.14; // 실수
let infinity = Infinity; // 무한대
let minusInfinity = -Infinity; // 음의 무한대
let notANumber = NaN; // 숫자가 아님을 나타내는 특수한 값

// 숫자형으로 할 수 있는 연산들
let addition = 10 + 5; // 더하기: 15
let division = 10 / 3; // 나누기: 3.3333...
let remainder = 10 % 3; // 나머지: 1

1
2
3
4
5
6
7
8
9
10
11
12
13
// 2. 문자열 (String)
// 텍스트 데이터를 저장하는 타입입니다.
let single = "작은따옴표"; // 작은따옴표 사용
let double = "큰따옴표"; // 큰따옴표 사용
// 템플릿 리터럴은 문자열 안에 변수나 표현식을 포함할 수 있습니다.
let template = `Hello, ${single}`;

// 문자열 메서드 활용
let str = "Hello, World!";
console.log(str.length); // 문자열 길이: 13
console.log(str.toUpperCase()); // 대문자 변환: "HELLO, WORLD!"
console.log(str.toLowerCase()); // 소문자 변환: "hello, world!"
console.log(str.substring(0, 5)); // 부분 문자열: "Hello"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 3. 불리언 (Boolean)
// 참(true)과 거짓(false) 두 가지 값만 가질 수 있는 논리 타입입니다.
let isTrue = true;
let isFalse = false;

// 주로 조건문에서 사용됩니다
if (isTrue) {
  console.log("참입니다!");
}

// 비교 연산의 결과로도 얻을 수 있습니다
console.log(10 > 5); // true
console.log(10 === "10"); // false (타입까지 비교)
console.log(10 == "10"); // true (값만 비교)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 4. undefined와 null
// undefined: 값이 할당되지 않은 상태
// null: 의도적으로 '비어있음'을 나타내는 상태
let undefined_var; // 자동으로 undefined 할당
let null_var = null; // 명시적으로 null 할당

// undefined와 null의 차이
console.log(typeof undefined_var); // "undefined"
console.log(typeof null_var); // "object" (JavaScript의 유명한 버그)

// 실제 사용 예
let user = {
  name: "Kim",
  age: null, // 나이 정보가 의도적으로 비어있음
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 1. 객체 (Object)
// 키-값 쌍으로 데이터를 저장하는 자료구조입니다.
let person = {
  name: "Kim", // 문자열 속성
  age: 25, // 숫자형 속성
  isStudent: true, // 불리언 속성
  hobbies: ["독서", "운동"], // 배열 속성
  sayHello: function () {
    // 메서드(함수) 속성
    console.log(`안녕하세요, ${this.name}입니다.`);
  },
};

// 객체 속성 접근 방법
console.log(person.name); // 점 표기법
console.log(person["age"]); // 대괄호 표기법
person.sayHello(); // 메서드 호출

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 2. 배열 (Array)
// 순서가 있는 데이터 목록을 저장하는 자료구조입니다.
let fruits = ["사과", "바나나", "오렌지"];
let mixed = [1, "문자열", true, { key: "value" }]; // 다양한 타입 저장 가능

// 배열 메서드 활용
console.log(fruits.length); // 배열 길이
fruits.push("포도"); // 끝에 추가
fruits.pop(); // 끝에서 제거
fruits.unshift("레몬"); // 앞에 추가
fruits.shift(); // 앞에서 제거

// 배열 순회
fruits.forEach((fruit) => {
  console.log(fruit);
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// 1. 형 변환 (Type Conversion)
// 다른 타입으로 변환이 필요할 때 사용합니다.
let num = 123;
let str = String(num); // 숫자를 문자열로: "123"
let back = Number(str); // 문자열을 숫자로: 123
let bool = Boolean(1); // 다른 타입을 불리언으로: true

// 자동 형 변환 주의사항
console.log("5" + 3); // "53" (문자열 연결)
console.log("5" - 3); // 2 (숫자 뺄셈)
console.log("5" * "3"); // 15 (숫자 곱셈)

// 2. 타입 확인
// typeof 연산자로 타입을 확인할 수 있습니다.
console.log(typeof "문자열"); // "string"
console.log(typeof 123); // "number"
console.log(typeof true); // "boolean"
console.log(typeof {}); // "object"
console.log(typeof []); // "object"
console.log(typeof function () {}); // "function"