메서드 들에 자세한 내용은 따로 정리예정이고
우선 이 글에서는 배열의 파괴적 메서드, 비파괴적 메서드에는 무엇이 있는지 나누어 보겠습니다.
파괴적, 비파괴적 메서드란 ?
JavaScript의 배열 메서드에는 파괴적인 메서드와 비파괴적인 메서드가 있습니다.
둘의 차이는 원래의 배열에 변경을 가하는지 여부입니다.
파괴적인 메서드는 원래의 배열을 변경합니다.
이러한 메서드를 사용하면 배열의 요소가 추가, 삭제 또는 변경되어 배열의 상태가 변합니다.
비파괴적인 메서드는 원래의 배열을 변경하지 않습니다.
이러한 메서드를 사용하면 원래 배열의 상태는 그대로 유지됩니다. 대신 새로운 배열이 생성되거나 특정 값이 반환됩니다.
파괴적인 메서드와 비파괴적인 메서드를 적절히 구분하여 배열 조작을 효과적으로 수행할 수 있습니다.
원래의 배열 상태를 유지하려면 비파괴적인 메서드를 사용하고,
상태를 변경해야 하는 경우에는 파괴적인 메서드를 사용하는 것이 좋습니다.
파괴적인 메서드의 종류
push() 배열의 끝에 요소를 추가합니다.
pop() 배열의 마지막 요소를 제거하고 해당 요소를 반환합니다.
shift() 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다.
unshift() 배열의 맨 앞에 하나 이상의 요소를 추가합니다.
splice() 배열의 요소를 삭제/추가하고 삭제된 요소의 배열을 반환합니다.
reverse() 배열의 요소 순서를 뒤집습니다.
sort() 배열의 요소를 정렬합니다.
fill() 배열의 요소를 지정된 값으로 채웁니다.
비파괴적인 메서드의 종류
concat() 기존 배열과 하나 이상의 배열을 연결하여 새 배열을 반환합니다.
slice() 배열의 일부를 새 배열로 반환합니다.
map() 배열의 모든 요소에 함수를 적용하고 결과를 새 배열로 반환합니다.
filter() 지정된 함수를 충족하는 배열 요소만 새 배열로 반환합니다.
find() 지정된 함수를 충족하는 배열의 첫 번째 요소를 반환합니다.
findIndex() 지정된 함수를 충족하는 배열의 첫 번째 요소의 인덱스를 반환합니다.
includes() 배열이 특정 요소를 포함하는지 여부를 반환합니다.
indexOf() 지정된 요소가 처음으로 나타나는 인덱스를 반환합니다.
lastIndexOf() 지정된 요소가 마지막으로 나타나는 인덱스를 반환합니다.
reduce() 배열의 요소를 하나의 값으로 축소합니다(왼쪽에서 오른쪽으로).
reduceRight() 배열의 요소를 하나의 값으로 축소합니다(오른쪽에서 왼쪽으로).
every() 배열의 모든 요소가 지정된 함수를 충족하는지 여부를 반환합니다.
some() 배열의 어떤 요소가 지정된 함수를 충족하는지 여부를 반환합니다.
'자바스크립트' 카테고리의 다른 글
| 내가 고른 값이 배열 안에 존재하는 지 확인하는 방법, 존재하면 그 값을 리턴 (0) | 2023.08.06 |
|---|---|
| 자바스크립트에서 Ajax 사용 기본 (0) | 2023.04.15 |
| JavaScript에서 객체 복사에 JSON 을 사용하는 시대는 끝났다! (0) | 2023.04.14 |
| new Date()로 현재 날짜 시간을 취득 해 보자! (0) | 2023.04.14 |
| 자바스크립트로 거듭제곱 하기 (공부) (0) | 2023.03.24 |
