[JavaScript] 배열 객체 (Array)

객체 생성

  - 배열 요소로 다양한 유형의 데이터를 가질 수 있음

 

// 배열 선언
let 배열명 = new Array();
 
// 배열 선언 및 초기화
let 배열명 = new Array(값1, 값2, ..., 값n);
// 또는
let 배열 = [값1, 값2, ..., 값n];

 

배열 값 가져오기

// 인덱스에 해당하는 요소 반환
배열명[인덱스];
 
// 모든 배열 요소 출력
for (var i = 0; i < 배열명.length; i++) {
        document.write(배열명[i], "<br>");
}
// 또는
for (var i in 배열명) {
        document.write(배열명[i], "<br>");
}

 

  - 존재하지 않는 인덱스 값을 가져오려고 하면 undefined 반환

 

 

---

#  배열을 하나의 문자열로 연결

  - 배열명.join(연결문자)

      : '연결문자'로 배열 요소들을 연결하여 나타냄

 

#  배열1에 배열2를 연결

  - 배열명1.concat(배열명2)

 

 

---

#  오름차순 정렬

  - 배열명.sort();

      · 새로운 배열 생성 X : 기존 배열변수가 정렬됨

 

#  기존 순서의 역순으로 정렬

  - 배열명.reverse();

      · 새로운 배열 생성 X : 기존 배열변수가 정렬됨

 

 

반응형

728x90

---

#  배열의 마지막 요소를 삭제하면서, 그 요소를 반환

  - 배열명.pop();

      · 새로운 배열 생성 X : 기존 배열변수에서 제거됨

      · 삭제된 요소를 변수로 받을 수 있음

 

#  배열의 첫 요소를 삭제하면서, 그 요소를 반환

  - 배열명.shift();

      · 새로운 배열 생성 X : 기존 배열변수에서 제거됨

      · 삭제된 요소를 변수로 받을 수 있음

 

 

---

#  배열의 마지막 인덱스에 새 요소 삽입

  - 배열명.push(값);

      · 새로운 배열 생성 X : 기존 배열변수에 삽입됨

 

#  배열의 첫 인덱스에 새 요소 삽입

  - 배열명.unshift(값);

      · 새로운 배열 생성 X : 기존 배열변수에 삽입됨

 

 

---

#  인덱스 a값부터 인덱스 (b-1)값까지 잘라내어 배열 생성

  - 배열명.slice(a, b)

 

#  인덱스 a부터 n개의 값을 삭제하고, 그 구간에 새로운 요소 삽입

  - 배열명.splice(a, n, 값1, 값2, ...);

      · 새로운 배열 생성 X : 기존 배열변수가 수정됨

 

 

---

#  배열 길이

  - 배열명.length

 

 

---

#  연속된 숫자가 담긴 배열 간단하게 생성하기

// [1, 2, 3, ..., N] 배열 생성
Array.from({ length: N }, (_, i) => i + 1);