알아야 할 모든 JS 배열 방법

메서드는 광범위한 코드를 작성해야 하는 결과를 얻기 위한 지름길이라고 할 수 있습니다.

배열에는 필요에 따라 배열 또는 배열 내부의 데이터를 조작할 수 있는 일련의 메서드도 있습니다.

이 문서에서 다루는 방법은 다음과 같습니다.

Array Length

Changing Elements in the Array

Merging Arrays

Array to String Conversion

Popping out & pushing in values

Shifting & Unshifting

Splice & Slice

어레이 길이

이 메서드는 배열의 길이를 반환합니다.

const pets = ["cat", "hamster", "dog", "rabbit"];
print(pets.length); // 4
console.log(pets[pets.length]); // rabbit

array.length는 배열의 마지막 요소를 가져오는 데에도 사용할 수 있습니다.

배열의 요소 변경

배열의 인덱스 번호는 배열의 요소를 지정하는 데 사용할 수 있으며 요소를 변경하는 데에도 사용할 수 있습니다.

const cats = ["molly", "polly", "kolly", "jolly"];
cats[0] = "perry";
console.log(cats); // ["perry", "polly", "kolly", "jolly"]

어레이 병합

concat() 메서드는 다른 배열을 병합하여 새 배열을 만듭니다.

const list_1 = ["one", "two"];
const list_2 = ["three", "four", "five"];

const lists = list_1.concat(list_2);
console.log(lists); // ["one", "two", "three", "four", "five"]

배열을 문자열로 변환

배열을 문자열로 변환하려는 경우 이를 달성할 수 있는 두 가지 방법이 있습니다.

const numbers = [1,2,3,4,5];
console.log(numbers.toString()); // 1,2,3,4,5
console.log(numbers.join()); // 1,2,3,4,5

array.join() 메서드는 다음과 같이 구분 기호도 수정할 수 있습니다. 구분 기호를 ","대신 다른 것으로 사용하려면 해당 기호를 인수로 전달할 수 있습니다.

const numbers = [1,2,3,4,5];
console.log(numbers.join("-")); // 1-2-3-4-5

가치 창출 및 추진

배열 끝에 새 요소를 추가하거나 배열의 마지막 요소를 제거하려면 푸시 및 팝 방법을 사용하는 것이 가장 유용합니다.
요소를 배열의 끝으로 푸시하려면 다음을 수행하십시오.

const list = [1,2,3,4];
list.push(5); // here 5 is the value

array.push(value)도 새로 업데이트된 배열의 길이를 반환하므로 나중에 사용하려는 경우 변수에 저장할 수 있습니다.

배열에서 마지막 요소를 제거하려면 다음을 수행하십시오.

const list = [1,2,3,4];
list.pop(); // 4 removed from the array

또한 array.pop()도 제거된 요소를 반환하며 나중에 사용하려는 경우 변수에 저장할 수 있습니다.

변속 및 변속 안함

Shifting 및 Unshifting은 푸시 및 팝과 유사하지만 미러링됩니다.

const list = [1,2,3,4];
list.shift(); // [2,3,4]

array.shift()도 제거된 요소를 반환한다는 것을 알아야 합니다. 나중에 사용하려는 경우 변수에 저장할 수 있습니다.

const list = [1,2,3,4];
list.unshift(0); // [0,1,2,3,4] 

array.unshift()도 업데이트된 배열 길이를 반환한다는 것을 알아야 합니다. 나중에 사용하려는 경우 변수에 저장할 수 있습니다.

접합 및 슬라이스

접착

Splice는 요소를 추가, 제거, 교체하는 데 사용할 수 있는 배열 방법 중 하나입니다.

const list = [1,2,3,4];
list.splice(x, y, value_1, value_2,....,..);

x는 새 요소를 추가해야 하는 위치를 정의합니다.
y는 제거해야 하는 요소 수를 정의합니다. array.splice(index of element to remove, number of elements to remove)를 사용하여 요소를 제거합니다.

일부분

Slice는 대상 인덱스에서 시작하여 기존 배열의 요소로 새 배열을 만듭니다.

const list = [1,2,3,4];
const newList = list.slice(2);
console.log(newList); // [3,4]

이것으로 JavaScript에서 가장 일반적으로 사용되는 몇 가지 방법이 끝납니다.