소개

JavaScript의 배열은 매우 유용하고 중요하며 주로 데이터를 저장하고 조작하는 데 사용됩니다. JavaScript에서 이러한 유형의 데이터 구조로 작업하는 것은 매우 간단합니다. 특히 ES6와 같은 언어의 새로운 기능을 예로 사용하는 경우 더욱 그렇습니다. 배열은 프로토 타입에 순회 및 변형 작업을 수행하는 메서드가있는 목록과 유사한 객체입니다.

이 기사에서는 알아야 할 JavaScript의 몇 가지 유용한 배열 메서드를 살펴 보겠습니다. 바로 시작합시다.

1. 푸시 방법

push()JavaScript 의 메소드 는 배열 끝에 요소를 추가하는 기능을 제공합니다. 한번 시도해 봅시다.

아래 예를 살펴보십시오.

let arr = [ 1, 2, 3 ];
arr.push(4);
console.log(arr); //Prints: [ 1, 2, 3, 4 ]

2. 팝 방식

pop()JavaScript 의 메서드 는 배열의 마지막 요소를 제거합니다.

다음 예를 살펴보십시오.

let arr = [ 1, 2, 3, 4 ];

arr.pop();

console.log(arr)

// output [ 1, 2, 3 ];

3. 이동 및 이동 해제 방법

방법 shift()은의 반대입니다 pop. JavaScript에서 배열의 첫 번째 요소를 제거합니다. 한번 시도해 봅시다.

아래 예를 살펴보십시오.

let arr = [ 1, 2, 3, 4 ];

arr.shift();

console.log(arr)

// [ 2, 3, 4 ];

다음 예를 살펴 보겠습니다.

let arr = [ 1, 2, 3 ];

arr.unshift('hello');

console.log(arr);

// [ 'hello' , 1, 2, 3 ];

4. 조인 방법

이 메서드를 join()사용하면 JavaScript에서 배열을 문자열로 변환 할 수 있습니다. 모든 배열 요소를 문자열에 결합합니다. 그 외에도 구분 기호를 지정할 수 있습니다. 한번 시도해 봅시다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var joinedStr = fruits.join(" * ");
console.log(joinedStr); //Output: Banana * Orange * Apple * Mango

다음은 분리 자로 빈 문자열을 사용하여 동일한 배열을 결합한 또 다른 예입니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var joinedStr = fruits.join(" ");
console.log(joinedStr); //Output: Banana  Orange  Apple  Mango

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var str = fruits.toString();
console.log(str); //Output: Banana,Orange,Apple,Mango

이 메서드 splice()는 JavaScript의 배열에서 요소를 추가하고 제거 할 수 있습니다. 세 가지 매개 변수를 허용합니다.

1. 첫 번째 매개 변수 (start)는 요소를 삽입하거나 제거해야하는 색인을 지정합니다.
2. 두 번째 매개 변수는 제공된 시작 색인부터 제거 할 총 요소 수를 지정합니다.
3. 세 번째 매개 변수는 배열에 추가하려는 요소를 지정합니다.

let friends = ['Ope', 'Dupe', 'Ola'];
//Adds Ayobami at the array of friends at index 3. And removes 0(nothing).
friends.splice(3, 0, 'Ayobami'); // Ope, Dupe, Ola, Ayobami

6. 슬라이스 방법

이 메서드 slice()는 배열 조각을 복사하는 데 사용됩니다. 전체 배열을 복사 할 수도 있습니다.

slice 메서드는 지정된 시작 인수와 끝 인수 에서 시작하는 요소를 선택 하지만 지정된 끝 인수를 포함하지 않습니다 . 따라서 시작 및 끝 인덱스의 두 인수를 사용합니다.

아래 예를 살펴보십시오.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Console.log(citrus); // Output: ["Orange", "Lemon"]

결론

보시다시피 JavaScript의 모든 배열 메서드를 다루지는 않았습니다. 그러나 이러한 유용한 메서드를 마스터하면 JavaScript에서 배열을 쉽게 조작하고 작업하는 방법을 이해할 수 있습니다.

이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.

추가 읽기