Unsplash에 Shamin의 사진
소개
JavaScript의 배열은 매우 유용하고 중요하며 주로 데이터를 저장하고 조작하는 데 사용됩니다. JavaScript에서 이러한 유형의 데이터 구조로 작업하는 것은 매우 간단합니다. 특히 ES6와 같은 언어의 새로운 기능을 예로 사용하는 경우 더욱 그렇습니다. 배열은 프로토 타입에 순회 및 변형 작업을 수행하는 메서드가있는 목록과 유사한 객체입니다.
이 기사에서는 알아야 할 JavaScript의 몇 가지 유용한 배열 메서드를 살펴 보겠습니다. 바로 시작합시다.
이미지 Created with ❤️️ By Mehdi Aoussiad.
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의 배열에서 요소를 추가하고 제거 할 수 있습니다. 세 가지 매개 변수를 허용합니다.
- 첫 번째 매개 변수 (start)는 요소를 삽입하거나 제거해야하는 색인을 지정합니다.
- 두 번째 매개 변수는 제공된 시작 색인부터 제거 할 총 요소 수를 지정합니다.
- 세 번째 매개 변수는 배열에 추가하려는 요소를 지정합니다.
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에서 배열을 쉽게 조작하고 작업하는 방법을 이해할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.
추가 읽기
알아야 할 10 가지 JavaScript 문자열 메서드