JavaScript의 배열
배열은 하나의 변수에 여러 값을 저장합니다. 데이터를 특정 순서에 따라 체계적으로 관리할 수 있습니다.
배열이 없다면 모든 항목마다 별도의 변수를 만들어야 합니다. 데이터가 늘어날수록 관리가 어려워집니다. 배열을 사용하면 모든 데이터를 하나로 묶을 수 있습니다.
배열의 일반적인 용도:
- 학생 이름 목록
- 상품 목록
- 장바구니 항목
- 전화번호
배열의 작동 원리: 배열은 인덱스(index)를 사용하여 항목을 찾습니다. 첫 번째 항목은 항상 인덱스 0에 위치합니다.
예시: let fruits = ["Apple", "Banana", "Orange"];
- fruits[0]은 "Apple"입니다.
- fruits[1]은 "Banana"입니다.
- fruits[2]은 "Orange"입니다.
필수 배열 메서드:
추가 및 제거:
- push(): 끝에 항목 추가.
- pop(): 끝에서 항목 제거.
- unshift(): 앞에 항목 추가.
- shift(): 앞에서 항목 제거.
- splice(): 임의의 위치에 항목 추가 또는 제거.
추출 및 검색:
- slice(): 배열의 일부를 복사.
- indexOf(): 항목의 위치 찾기.
- includes(): 항목 존재 여부 확인.
- find(): 조건에 맞는 첫 번째 항목 반환.
데이터 변형:
- map(): 배열의 모든 항목을 변형.
- filter(): 조건에 맞는 항목만 유지.
- reduce(): 모든 항목을 하나의 값으로 결합.
- sort(): 항목 정렬.
- reverse(): 항목 순서 반전.
배열 vs. 객체:
- 배열은 데이터를 찾기 위해 숫자(인덱스)를 사용합니다. 목록 관리에 가장 적합합니다.
- 객체는 데이터를 찾기 위해 키(key)를 사용합니다. 하나의 개체를 설명하는 데 가장 적합합니다.
예시:
- 배열: ["Red", "Blue", "Green"]
- 객체: { color: "Red", id: 1 }
이 메서드들을 숙달하여 코드에서 데이터를 효율적으로 처리하세요.
Source: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Source: https://www.w3schools.com/js/js_arrays.asp
Full guide: https://dev.to/annapoo/arrays-in-javascript-2nb4