반응형
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
console.log(matrix[0][1]); // 2
자바스크립트에서 배열(Array)은 여러 개의 항목을 담는 자료구조입니다. 이 항목들은 순서에 따라 저장되며, 각 항목은 해당 배열 내에서 고유한 인덱스를 가지고 있습니다. 자바스크립트의 배열은 동적으로 크기가 조절될 수 있으며, 다양한 유용한 메서드를 제공하여 배열을 조작하고 처리할 수 있습니다.
여기 몇 가지 배열의 주요 특징과 사용 방법에 대한 설명이 있습니다.
선언과 초기화
배열은 다양한 방법으로 선언하고 초기화할 수 있습니다. 가장 일반적인 방법은 대괄호([])를 사용하여 배열을 생성하고, 각 항목을 쉼표로 구분하여 나열하는 것입니다.
let numbers = [1, 2, 3, 4, 5];
let fruits = ['apple', 'banana', 'orange'];
인덱스
배열의 각 항목은 0부터 시작하는 인덱스를 가집니다. 이를 사용하여 배열의 특정 항목에 접근할 수 있습니다.
document.write(numbers[0]); // 1
document.write(fruits[1]); // 'banana'
길이
배열의 길이는 length 속성을 통해 확인할 수 있습니다.
document.write(numbers.length); // 5
배열 메서드
자바스크립트는 배열을 조작하기 위한 다양한 내장 메서드를 제공합니다. 이러한 메서드를 사용하여 배열을 추가, 삭제, 정렬, 변환하는 등의 작업을 할 수 있습니다. 예를 들어, push(), pop(), splice(), concat(), slice() 등이 있습니다.
// 배열에 항목 추가
numbers.push(6);
// 배열에서 항목 삭제
fruits.splice(1, 1); // 인덱스 1부터 1개의 항목 삭제
// 배열 결합
let combinedArray = numbers.concat(fruits);
반복문을 통한 배열 접근
배열의 각 항목에 접근하고 처리하기 위해 for문, forEach() 메서드 등을 사용할 수 있습니다.
<script>
let numbers = [1, 2, 3, 4, 5];
let fruits = ['apple', 'banana', 'orange'];
// for 문을 사용한 배열 순회
for (let i = 0; i < numbers.length; i++) {
document.write(numbers[i] + "<br>");
}
// forEach() 메서드를 사용한 배열 순회
fruits.forEach(function(fr) {
document.write(fr + "<br>");
});
</script>
다차원 배열
배열 내에 배열을 포함하여 다차원 배열을 생성할 수 있습니다.
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
document.write(matrix[0][1]); // 2
이것은 배열의 기본 개념과 사용 방법에 대한 간략한 소개입니다. 배열은 자바스크립트에서 매우 중요하며, 다양한 데이터를 다루고 처리하는 데 필수적인 도구입니다.
반응형
'Javascript' 카테고리의 다른 글
(자바스크립트) 자료형(data type) 요약 (3) | 2024.02.27 |
---|---|
(자바스크립트) HTML5 캔버스: 키보드로 이미지 움직이기 (0) | 2023.08.03 |
(자바스크립트) HTML5 캔버스: 키보드로 도형 움직이기 (0) | 2023.07.27 |
(자바스크립트) HTML5 캔버스: 움직이는 도형 만들기 (0) | 2023.07.25 |
(자바스크립트) HTML5 캔버스: 원 그리기 (0) | 2023.07.25 |