코딩/1-JavaScript

C1201_객체 , C1202_객체배열

tree0505 2025. 5. 19. 09:42
반응형

C1201_객체

C1201개념01JSON.html


C1201개념02JSON출력.html


C1201개념03JSON추가.html


C1201개념04JSON삭제.html


C1202_객체배열

C1202개념01_JSON배열_출력.html


C1202개념02_JSON배열_합.html


  • 배열 (Array) 
    • 배열은 대괄호를 사용한다. 
  • 객체 (Object) 
    • 관련 있는 데이터를 하나로 묶는 구조 
    • 예를 들어, 어떤 사람의 이름, 나이, 주소 같은 여러 정보를 하나로 관리하고 싶다면 객체가 딱이에요.
    • 객체는 중괄호를 사용한다. 


  • 객체와 배열이 어떨때가 효율적인가. 
  • 객체
    • "이름 붙은 정보들"을 저장할 때 효율적
    • let person = {
          name: "홍길동",
          age: 25,
          job: "개발자"
      };
    • 특징:
      • **속성 이름(key)**이 있어 정보를 구분하기 쉽다.
      • 순서가 중요하지 않고, "무엇이 무엇인지"가 중요한 경우 사용.
      • 하나의 "정보 묶음" (예: 사용자, 상품, 게시글 등)을 표현할 때 좋다.
      • 특정 속성을 바로 꺼내 쓸 수 있다: person.name, person.age
    • 대표 상황:
      • 사용자 정보
      • 하나의 상품 데이터
      • 서버에서 받은 JSON 객체
      • 설정값 저장 등
  • 배열
    • "목록, 순서 있는 데이터"를 저장할 때 효율적
    • let fruits = ["사과", "배", "바나나"];
    • 특징:
      • 값의 순서가 중요할 때 사용 (ex: 첫 번째 항목, 마지막 항목 등)
      • 반복문(for, forEach 등)으로 처리하기 쉬움
      • 동작이 빠름. 숫자 인덱스로 접근하므로 탐색 속도도 빠름.
    • 대표 상황:
      • 이름 목록, 점수 목록 등
      • 반복해서 뭔가를 처리할 때
      • 여러 개의 같은 종류의 데이터가 있을 때


🔥 꿀팁

  • 👉 배열은 리스트
  • 👉 객체는 사전(딕셔너리)처럼 이름 붙은 정보 저장소

 

  • ✅ 1. 배열(Array)은 리스트다
    • 비유: 줄 서 있는 사람들
    • 순서대로 줄 서 있어요.
    • 번호로 사람을 불러요. "1번!", "2번!"
    • let fruits = ["사과", "배", "바나나"];
      fruits[0] → "사과"

      fruits[1] → "배"

      fruits[2] → "바나나"

      ➡ "0번 자리에는 이게 들어있고, 1번 자리엔 저게 있어" → 순서(인덱스)가 중요!

      📌 정리:

      배열은 숫자 인덱스로 접근함

      순서가 중요하고, 반복문으로 다루기 쉬움

      단순한 목록(리스트)에 적합
  • ✅ 2. 객체(Object)는 **사전(딕셔너리)**처럼 작동한다
    • 📚 비유: 단어 사전
      • "apple"을 찾으면 → "사과"가 나와요
      • "banana"를 찾으면 → "바나나"가 나와요
      • let fruit = {
            apple: "사과",
            banana: "바나나",
            strawberry: "딸기"
        };
        fruit.apple → "사과"

        fruit["banana"] → "바나나"

        ➡ "이름(key)으로 바로 찾는다"

        📌 정리:

        객체는 이름(Key)으로 접근

        값에 의미를 부여할 수 있음

        여러 속성을 가진 데이터에 적합 (예: 사람, 상품, 게시물 등)
       

 

반응형

'코딩 > 1-JavaScript' 카테고리의 다른 글

C1301리턴이차원배열  (0) 2025.05.19
C1203_게임 ~ C1207_그룹바이  (0) 2025.05.19
C1101_문자열_개념연습  (0) 2025.05.16
C1004_그룹바이  (0) 2025.05.15
C1002_정렬 ~ C1003_조인  (0) 2025.05.15