9.2. 프로그램언어 자바스크립트(JavaScript)에서의 배열 요소 접근

by

프로그램언어 자바스크립트에서의 배열 push & pop 메소드

자바스크립트에서 배열을 다룰 때 사용되는 push와 pop 메소드에 대해 알아보겠습니다.

**push 메소드**

push 메소드는 배열의 끝에 새로운 요소를 추가하는 메소드입니다. 이를 통해 배열의 길이가 자동으로 증가하며, 새로운 요소가 배열의 마지막 인덱스로 추가됩니다.


let fruits = ['사과', '바나나', '딸기'];
fruits.push('포도');
console.log(fruits); // ['사과', '바나나', '딸기', '포도']

**pop 메소드**

pop 메소드는 배열의 마지막 요소를 제거하는 메소드입니다. 이를 통해 배열의 길이가 자동으로 감소하며, 마지막 요소가 반환됩니다.


let fruits = ['사과', '바나나', '딸기'];
let lastFruit = fruits.pop();
console.log(lastFruit); // '딸기'
console.log(fruits); // ['사과', '바나나']

프로그램언어 자바스크립트에서의 배열 shift & unshift 메소드

자바스크립트에서 배열의 shift() 메소드는 배열에서 첫 번째 요소를 제거하고 그 값을 반환합니다. 이로 인해 배열의 길이가 1만큼 감소하며, 모든 요소의 인덱스가 1씩 감소합니다.

반면에 unshift() 메소드는 배열의 맨 앞에 하나 이상의 요소를 추가하고, 새로운 길이를 반환합니다. 추가된 요소들은 기존 요소들을 오른쪽으로 이동시키며, 인덱스가 1씩 증가합니다.


let fruits = ['apple', 'banana', 'cherry'];// shift() 메소드 사용 예제
let shifted = fruits.shift();
console.log(shifted); // 'apple'
console.log(fruits); // ['banana', 'cherry']// unshift() 메소드 사용 예제
let newLength = fruits.unshift('orange', 'pear');
console.log(newLength); // 4
console.log(fruits); // ['orange', 'pear', 'banana', 'cherry']

프로그램언어 자바스크립트에서의 배열 splice 메소드

자바스크립트의 배열 메소드 중 하나인 splice 메소드는 배열의 내용을 추가하거나 제거하는 데 사용됩니다.

splice 메소드는 세 가지 매개변수를 받습니다:

  1. 시작 인덱스: 변경을 시작할 인덱스를 나타냅니다.
  2. 제거할 요소 수: 시작 인덱스부터 제거할 요소의 수를 나타냅니다.
  3. 추가할 요소: 필요에 따라 배열에 추가할 요소를 나타냅니다.

예를 들어, 다음과 같은 배열이 있다고 가정해봅시다:


let fruits = ['사과', '바나나', '체리', '딸기'];

이제 splice 메소드를 사용하여 배열을 변경해보겠습니다. 아래 예제 코드를 살펴봅시다:


let removedItems = fruits.splice(1, 2, '오렌지', '수박');

위의 코드에서:

  • 시작 인덱스는 1이고, ‘바나나’부터 변경이 시작됩니다.
  • 제거할 요소 수는 2이므로 ‘바나나’와 ‘체리’가 제거됩니다.
  • 추가할 요소로 ‘오렌지’와 ‘수박’이 배열에 추가됩니다.

이제 fruits 배열은 다음과 같이 변경됩니다: [‘사과’, ‘오렌지’, ‘수박’, ‘딸기’].

프로그램언어 자바스크립트에서의 배열 sort 메소드

자바스크립트의 배열 sort 메소드는 배열의 요소를 정렬하는 데 사용됩니다. 이 메소드는 기본적으로 배열의 요소를 문자열로 변환하여 유니코드 코드 포인트 순서로 정렬합니다. 따라서 숫자를 정렬할 때는 주의가 필요합니다.

예를 들어, 숫자 배열을 정렬할 때는 compare 함수를 사용하여 숫자를 비교해야 합니다. compare 함수는 두 개의 인수를 받아서 비교 결과에 따라 정렬 순서를 결정합니다. 만약 compare 함수를 제공하지 않으면 요소를 문자열로 변환하여 정렬하므로 숫자 정렬이 올바르게 이루어지지 않을 수 있습니다.

아래는 숫자 배열을 올바르게 정렬하는 예제 코드입니다.


const numbers = [4, 2, 5, 1, 3];numbers.sort((a, b) => a - b);console.log(numbers); // [1, 2, 3, 4, 5]

프로그램언어 자바스크립트에서의 배열 reverse 메소드

자바스크립트에서의 배열 reverse 메소드는 배열의 요소들을 순서를 반대로 뒤집는 메소드입니다.

예를 들어, [1, 2, 3, 4, 5] 배열이 있다면 reverse 메소드를 사용하면 [5, 4, 3, 2, 1]로 변경됩니다.

아래는 reverse 메소드의 예제 코드입니다:


let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // [5, 4, 3, 2, 1]

Leave a Comment