본문 바로가기
[JavaScript]

[JavaScript] 배열 (Arrays)

by 북방바다코끼리표범 2023. 8. 21.

복습

https://shins99.tistory.com/50

 

[JavaScript] 제어문 (if, switch, for, while, do~while)

복습 https://shins99.tistory.com/49 [JavaScript] 연산자 복습 https://shins99.tistory.com/47 [JavaScript] 변수와 자료형 복습 https://shins99.tistory.com/47 [JavaScript] 자바스크립트(JavaScript)란? 자바스크립트(JavaScript) - 사

shins99.tistory.com


배열이란?

 

- 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의

- 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 함

- 자바스크립트에서 배열의 특징

1. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있음

2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있음

3. 자바스크립트에서 배열은 Array 객체로 다뤄짐

배열의 생성

1
2
3
4
문법
1. var arr = [배열요소1, 배열요소2,...];          // 배열 리터럴을 이용하는 방법
2. var arr = Array(배열요소1, 배열요소2,...);     // Array 객체의 생성자를 이용하는 방법
3. var arr = new Array(배열요소1, 배열요소2,...); // new 연산자를 이용한 Array 객체 생성 방법
cs

배열의 참조

1
2
3
4
자바스크립트에서 배열의 각 요소를 참조하고 싶을 때는 [] 연산자를 사용
 
문법
배열이름[인덱스], 배열요소2,...); // new 연산자를 이용한 Array 객체 생성 방법
cs

배열 요소의 추가

1
2
3
4
문법
1. arr.push(추가할 요소);         // push() 메소드를 이용하는 방법
2. arr[arr.length= 추가할 요소; // length 프로퍼티를 이용하는 방법
3. arr[특정인덱스] = 추가할 요소; // 특정 인덱스를 지정하여 추가하는 방법
cs

배열의 순회(iteration)

1
2
3
4
5
6
7
8
9
10
11
12
배열의 모든 요소에 차례대로 접근하고 싶을 때는 for 문과 같은 반복문을 사용하여 접근가능
 
예제
var arr = [1true"JavaScript"];
var result = "<table><tr>";
 
for (var idx in arr) {
    result += "<td>" + arr[idx] + "</td>";
}
result += "</tr></table>";
 
document.write(result);덱스를 지정하여 추가하는 방법
cs

Array 객체

- 자바스크립트에서 배열(array)은 정렬된 값들의 집합으로 정의되며, Array 객체로 다룸

- 자바스크립트는 사용자가 배열과 관련된 작업을 손쉽게 할 수 있도록 다양한 메소드 제공