JS & TS/JavaScript

[JavaScript] 배열

Bay Im 2025. 3. 22. 16:35

배열

  • JS 배열의 특징
    • 배열 요소의 타입이 고정되어 있지 않아서, 같은 배열에 있는 요소끼리 타입이 서로 다를 수 있다.
    • 인덱스가 연속적이지 않아도 된다
    • 특정 배열 요소가 비어있을 수 있다
    • Array 객체
  • 배열 생성 3가지 방법
    • var arr = [요소1, 요소2, …]; 
    • var arr2 = Array(요소1, 요소2, …);
    • var arr3 = new Array(요소1, 요소2, …);
    • 예시
      • var arrLit = [1, true, "JavaScript"]; // 배열 리터럴
        var arrObj = Array(1, true, "JavaScript"); // Array 객체의 생성자
        var arrNewObj = new Array(1, true, "JavaScript"); // new 연산자
         
        document.write(arrLit + "<br>");
        document.write(arrObj + "<br>");
        document.write(arrNewObj);
  • 배열의 참조, 대입
    • var 변수명 = 배열이름[인덱스];
  • 배열 요소의 추가 3가지 방법
    • 배열.push(추가요소);
    • 배열[배열.length] = 추가요소;
    • 배열[인덱스] = 추가요소;
  • 배열의 순회(iteration)
    • for문 사용
      • for (var 변수명 in 배열) { … }
  • 타입 확인
    • ‘typeof 배열[인덱스]’ 와 같이 요소의 타입 확인 가능
    • JS에서 배열은 object 타입
      • 배열 여부 확인
        • Array.isArray() 함수
        • instanceof 연산자
        • constructor 프로퍼티
  • 연관 배열
    • 인덱스 대신 문자열로 된 키값을 사용하는 배열처럼 사용 (object 타입)
    • 예시
      • var 배열 = [];
      • 배열[”첫번째’] = 1;
      • document.write(배열[”첫번째”]); ⇒ 1 출력
  • 문자열을 배열처럼 접근
    • JS에서 문자열은 변하지 않는 값으로 읽기 전용 배열로 다룰 수 있음.
    • 문자열.charAt(인덱스) 함수나 문자열.배열[인덱스] 형태 사용
    • 예시
      • var str = “안녕하세요”;
      • document.write(str.charAt(2)); ⇒ 하 출력
      • document.write(str[2]); ⇒ 하 출력
728x90