배열은 자바스크립트에서 가장 기본적이고 유용한 데이터 구조 중 하나입니다. 배열은 여러 개의 값을 하나의 변수에 저장할 수 있도록 해줍니다. 이번 포스트에서는 자바스크립트에서 배열을 생성하는 방법과 사용하는 방법에 대해 알아보겠습니다.
배열 생성하기
자바스크립트에서 배열은 간단한 방법으로 생성할 수 있습니다. 다음은 배열의 선언과 초기화 방법입니다.
let array1 = []; // 빈 배열 생성
let array2 = [1, 2, 3]; // 초기값을 가지는 배열 생성
let array3 = new Array(); // 빈 배열 생성, 생성자 사용
let array4 = new Array(5); // 길이가 5인 빈 배열 생성, 생성자 사용
위의 예제에서 array1
은 비어있는 배열이 생성되고, array2
는 1, 2, 3을 요소로 가지는 배열이 생성됩니다. array3
과 array4
는 new Array()
생성자를 사용하여 배열을 생성합니다. array4
의 경우 길이가 5인 빈 배열이 생성됩니다.
배열 요소에 접근하기
배열의 요소에 접근하기 위해서는 인덱스(index)를 사용합니다. 인덱스는 0부터 시작하며, 배열의 길이보다 작은 값을 가질 수 있습니다. 다음은 배열의 요소에 접근하는 예제입니다.
let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // "apple" 출력
console.log(fruits[1]); // "banana" 출력
console.log(fruits[2]); // "orange" 출력
위의 예제에서 fruits
배열의 인덱스를 사용하여 각 요소에 접근하고 있습니다.
배열 요소 수정하기
배열의 요소에 접근한 후에는 그 값을 수정할 수 있습니다. 다음은 배열 요소를 수정하는 예제입니다.
let numbers = [1, 2, 3, 4, 5];
numbers[2] = 10;
console.log(numbers); // [1, 2, 10, 4, 5] 출력
위의 예제에서 numbers
배열의 인덱스 2에 있는 값을 10으로 수정하고 있습니다.
배열의 길이 확인하기
배열의 길이는 length
속성을 통해 확인할 수 있습니다. 다음은 배열의 길이를 확인하는 예제입니다.
let cars = ["BMW", "Mercedes-Benz", "Audi"];
console.log(cars.length); // 3 출력
위의 예제에서 cars
배열의 길이를 확인하고 있습니다.
배열에 요소 추가하기
배열에 새로운 요소를 추가하려면 push()
메소드를 사용하면 됩니다. 다음은 배열에 요소를 추가하는 예제입니다.
let animals = ["cat", "dog"];
animals.push("elephant");
console.log(animals); // ["cat", "dog", "elephant"] 출력
위의 예제에서 animals
배열에 push()
메소드를 사용하여 “elephant”를 추가하고 있습니다.
배열 요소 제거하기
배열에서 요소를 제거하려면 pop()
메소드를 사용하면 됩니다. pop()
메소드는 배열의 마지막 요소를 제거하고 그 값을 리턴합니다. 다음은 배열에서 요소를 제거하는 예제입니다.
let colors = ["red", "blue", "green"];
let removedColor = colors.pop();
console.log(colors); // ["red", "blue"] 출력
console.log(removedColor); // "green" 출력
위의 예제에서 colors
배열에서 pop()
메소드를 사용하여 마지막 요소인 “green”을 제거하고, 그 값을 removedColor
변수에 저장하고 있습니다.
결론
이번 포스트에서는 자바스크립트에서 배열을 생성하고 사용하는 방법에 대해 알아보았습니다. 배열은 여러 개의 값을 하나의 변수에 저장하고 접근할 수 있는 강력한 도구입니다. 배열을 적절히 활용하여 다양한 데이터를 처리할 수 있도록 연습해보시기 바랍니다.