자바스크립트 배열 인덱스 추가 제거 방법

자바스크립트 배열 인덱스 추가 제거 방법

---

자바스크립트에서 배열의 인덱스를 사용하는 다양한 방법이 있습니다. 배열은 순서가 있는 요소의 집합이므로 인덱스를 사용하여 특정 요소에 접근하거나 수정할 수 있습니다. 다음은 자바스크립트에서 배열 인덱스를 다루는 몇 가지 예제입니다.

배열 요소에 접근하기
배열 요소에 접근하려면 배열 이름 뒤에 대괄호를 사용하고 인덱스를 넣습니다. 인덱스는 0부터 시작합니다.

const myArray = [10, 20, 30];
const firstElement = myArray[0]; // 첫 번째 요소에 접근
const secondElement = myArray[1]; // 두 번째 요소에 접근

배열 요소 수정하기
인덱스를 사용하여 배열 요소를 수정할 수 있습니다.

const myArray = [10, 20, 30];
myArray[1] = 25; // 두 번째 요소 수정

배열 길이 확인하기
배열의 길이는 length 속성을 통해 확인할 수 있습니다.

const myArray = [10, 20, 30];
const arrayLength = myArray.length; // 배열의 길이 확인

배열 끝에 요소 추가하기
push 메서드를 사용하여 배열의 끝에 요소를 추가할 수 있습니다.

const myArray = [10, 20, 30];
myArray.push(40); // 배열 끝에 40 추가

배열 요소 제거하기
splice 메서드를 사용하여 배열에서 요소를 제거할 수 있습니다.

const myArray = [10, 20, 30];
myArray.splice(1, 1); // 두 번째 요소 제거

배열 반복문 사용하기
반복문을 사용하여 배열의 모든 요소에 접근할 수 있습니다.

const myArray = [10, 20, 30];
for (let i = 0; i < myArray.length; i++) {
  console.log(myArray[i]);
}

forEach() 메서드 사용하기
forEach 메서드를 사용하여 배열의 각 요소에 대해 함수를 실행할 수 있습니다.

const myArray = [10, 20, 30];
myArray.forEach(function(element) {
  console.log(element);
});

인덱스와 값 함께 반복하기
forEach 메서드의 콜백 함수에 두 번째 매개변수로 인덱스를 포함시켜 요소와 함께 사용할 수 있습니다.

const myArray = [10, 20, 30];
myArray.forEach(function(element, index) {
  console.log(`Index: ${index}, Value: ${element}`);
});

이러한 방법들을 조합하여 배열을 다루고 원하는 작업을 수행할 수 있습니다.