Javascript

(자바스크립트) 배열 요약

고니자니 2024. 2. 29. 10:49
반응형
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

이것은 배열의 기본 개념과 사용 방법에 대한 간략한 소개입니다. 배열은 자바스크립트에서 매우 중요하며, 다양한 데이터를 다루고 처리하는 데 필수적인 도구입니다.

 

반응형