자바 스크립트의 배열(Array)는 순서가 있는 리스트형 객체로, 여러 값을 하나의 자료구조에 저장할 수 있습니다.
배열은 제로 인덱스 기반으로, 배열의 각 값은 인덱스를 통해 접근할 수 있습니다. 배열의 선언은 간단하며, 다양한 데이터 타입을 함께 저장할 수 있습니다.
const array = [1, 'apple', true, { key: 'value' }];
자바와 다른점은 여러 타입을 저장할 수 있다는 장점이 있네요.
자바스크립트의 중요한 특징중 하나는 (동적 배열)이라는 점으로 배열의 크기를 미리 지정하지 않아도 되고, 요소를 추가할 때마다 배열의 크기가 자동으로 조정됩니다.
const arr = [1, 2, 3];
arr.push(4); // 배열의 끝에 요소 추가
console.log(arr); // [1, 2, 3, 4]
또한, 배열의 특정 인덱스에 값을 할당하면, 배열이 자동으로 확장됩니다.
arr[5] = 6;
console.log(arr); // [1, 2, 3, undefined, undefined, 6]
console.log(arr.length); // 6
이처럼 자바스크립트 배열은 동적으로 크기가 조정되는 유연성을 제공하고 있으므로, 요소를 추가하거나 특정인덱스에 값을 할당하여 자동으로 확장되는 기능까지 있습니다.
자바스크립트 배열의 length 속성은 배열의 크기를 나타내며, 배열에 요소가 추가되거나 제거되면 자동으로 변경됩니다.
또한, 배열은 자바스크립트의 객체와 유사한 방식으로 관리되며, 해시 테이블과 같은 자료구조로 구현되어 있습니다. 이 덕분에 메모리상에서 연속적이지 않아도 되며, 배열 크기를 미리 지정하지 않고 사용할 수 있는 장점이 있습니다.
'매일 공부 > Frontend CS' 카테고리의 다른 글
[매일메일] useEffect와 useLayoutEffect의 차이점 (0) | 2025.04.07 |
---|---|
[매일메일] 웹 애플리케이션의 성능을 최적화할 수 있는 방법 (1) | 2025.04.01 |
[매일메일] CommonJS와 ES Module의 차이점에 대해서 설명 (1) | 2025.03.28 |
[매일메일] script 태그에서 async와 defer의 차이점에 대해서 설명 (0) | 2025.03.27 |
[매일메일] 자바스크립트 함수에 대해서 아는대로 설명 (0) | 2025.03.26 |