개발/Javascript

[Javascript] 배열

suniverse 2023. 1. 14. 19:08

자바스크립트에서의 배열

- Array 객체 사용
- new Array() 형식으로 배열 객체 생성 가능
  (필요에 따라 Array() 괄호 내부에 배열 크기를 정수로 지정 가능하다)
- 배열객체명.length 속성을 통해 배열의 크기 리턴 가능하다. 
- 자바의 배열과 달리 자바스크립트에서의 배열은 생성 후에도 크기가 변할 수 있다. 
- 하나의 배열에 저장되는 데이터 타입에는 제한이 없다. 
  (정수, 실수, 문자열, 객체, 배열, 함수 등 모든 타입을 저장 가능 하다)
- 단순히 배열 내의 요소 전체를 출력하기 위해서는 출력문에 배열명만 지정하면 출력가능하다. 

배열 생성 기본 문법

1. 배열에 저장할 데이터가 미리 준비되지 않은 경우(배열만 먼저 생성하는 경우)
--> new Array(); 또는 new Array(배열크기); 
--> let 변수명 = new Array(); (배열 생성 후 해당 배열을 좌변의 변수에 저장) 

2. 배열에 저장할 데이터가 미리 준비된 경우(배열 생성 시점에서 데이터를 저장하는 경우)
--> let 변수명 = [데이터1, 데이터2, ......., 데이터n];
또는
let 변수명 = Array(데이터1, 데이터2, .........., 데이터n);

배열 접근 기본 문법

배열명[인덱스]
--> 배열에 데이터 저장 시 배열명[인덱스] = 데이터; 형식으로 저장
    (메서드를 호출하여 저장하는 방법도 있음)

배열을 순차적으로 접근하는 기본 문법 = 공식

for문을 활용하여 배열의 첫번째 인덱스(0)부터 마지막 인덱스(배열크기-1)까지 반복 

for(let i=0; i<배열명.length; i++) { } 

✍배열 생성

let arr = new Array;
  • 배열에 데이터를 저장하지 않고 생성만 한 경우 

✍배열에 데이터 저장

arr[0] = "사과";
arr[1] = "배";
arr[2] = "오렌지";
  • 배열에 문자열 데이터를 저장하였다. 

✍배열 생성과 동시에 초기화

let arr2 = [
    "사과",
    "배",
    "오렌지",
    "귤",
    "딸기"
]
  • 대괄호안에 데이터를 작성 

✍배열의 크기 출력

let arr = new Array;

arr[0] = "사과";
arr[1] = "배";
arr[2] = "오렌지";

document.write("데이터 저장 후 배열의 크기: " + arr.length + "<br>");
  • 배열명.length 를 사용해 배열의 크기를 출력할 수 있다. 

✍배열의 요소 모두 출력 

for(let i=0; i<arr.length; i++){
    document.write(arr[i]+ "<br>")
}
  • for문을 사용하여 출력한다. 

 

 

💻