자바스크립트 배열 선언, 추가, 삭제

배열과 객체는 데이터를 저장하고 조작하는 데 사용되는 JavaScript의 기본 데이터 구조입니다. 이 섹션에서는 배열과 객체, 정의 방법 및 JavaScript에서 사용 방법에 대해 설명합니다.

 

자바스크립트 배열 선언

자바스크립트 배열 선언에 대해 알아보겠습니다. 배열은 단일 변수에 저장되는 데이터 값의 모음입니다.

 

배열의 데이터 값을 요소라고 하며 각 요소는 인덱스로 식별됩니다. JavaScript에서 배열은 대괄호를 사용하여 정의되며 모든 데이터 유형을 포함할 수 있습니다.

 

배열 선언 예시

다음은 JavaScript에서 배열을 정의하는 방법의 예입니다.

const numbers = [1, 2, 3, 4, 5];
const fruits = ['apple', 'banana', 'orange'];
const mixedData = [1, 'apple', true, null, undefined];

위의 예에서는 세 개의 배열을 정의했습니다. 첫 번째 배열인 'numbers'는 정수를 포함하고, 두 번째 배열인 'fruits'는 문자열을 포함하고, 세 번째 배열인 'mixedData'는 데이터 유형의 혼합을 포함합니다.

 

 

배열의 요소에 액세스하려면 해당 인덱스를 사용할 수 있습니다. JavaScript에서 배열의 첫 번째 요소는 인덱스가 0입니다. 예를 들면 다음과 같습니다.

const numbers = [1, 2, 3, 4, 5];
console.log(numbers[0]); // Output: 1
console.log(numbers[2]); // Output: 3

위의 예에서 인덱스를 사용하여 numbers 배열의 첫 번째 및 세 번째 요소에 액세스했습니다.

 

배열 요소 추가

인덱스에 새 값을 할당하여 배열의 요소 값을 변경할 수도 있습니다. 예를 들면 다음과 같습니다.

const numbers = [1, 2, 3, 4, 5];
numbers[0] = 6;
console.log(numbers); // Output: [6, 2, 3, 4, 5]

위의 예에서 숫자 배열의 첫 번째 요소 값을 1에서 6으로 변경했습니다.

 

 

배열 방법 - 요소 추가, 삭제

JavaScript는 배열을 조작하기 위한 여러 내장 메소드를 제공합니다. 다음은 일반적인 몇 가지 방법입니다.

• push(): 배열 끝에 하나 이상의 요소를 추가합니다.
• pop(): 배열에서 마지막 요소를 제거합니다.
• shift(): 배열에서 첫 번째 요소를 제거합니다.
• unshift(): 배열의 시작 부분에 하나 이상의 요소를 추가합니다.
• concat(): 둘 이상의 배열을 결합합니다.
• slice(): 배열의 일부를 반환합니다.
• splice(): 배열에서 요소를 추가하거나 제거합니다.

다음은 이러한 방법 중 일부를 사용하는 예입니다.

const numbers = [1, 2, 3, 4, 5];
numbers.push(6); // Add 6 to the end of the array
numbers.pop(); // Remove the last element from the array
numbers.unshift(0); // Add 0 to the beginning of the array
const slicedNumbers = numbers.slice(2, 4); // Get a portion of the array
console.log(numbers); // Output: [0, 1, 2, 3, 4]
console.log(slicedNumbers); // Output: [2, 3]

위의 예에서 push() 메서드를 사용하여 numbers 배열 끝에 6을 추가하고 pop() 메서드를 사용하여 배열에서 마지막 요소를 제거하고 배열 시작 부분에 0을 추가했습니다.

 

unshift() 메서드를 사용하고 slice() 메서드를 사용하여 배열의 일부를 얻었습니다.