JavaScript 배열 메서드 - Part 1

배열은 JavaScript의 객체입니다. 하나의 변수에 여러 값을 저장할 때 사용합니다.

각 항목마다 별도의 변수를 만드는 대신, 하나의 배열을 사용하세요.

예시: let students = ["John", "David", "Alex"];

각 값은 요소(element)입니다. 모든 요소는 0부터 시작하는 인덱스(index)를 가집니다.

• 인덱스 0: John • 인덱스 1: David • 인덱스 2: Alex

필수 배열 개념

1. length 속성

length 속성은 요소의 총 개수를 알려줍니다. 이는 함수가 아니라 속성입니다. 괄호를 사용하지 마세요.

• 올바른 예: arr.length • 잘못된 예: arr.length()

길이를 변경하여 요소를 추가하거나 제거할 수 있습니다. 길이를 줄이면 JavaScript는 초과된 요소를 제거합니다. 길이를 늘리면 JavaScript는 빈 슬롯을 생성합니다.

2. toString()

이 메서드는 배열을 문자열로 변환합니다. 요소들을 쉼표로 연결합니다. 원본 배열은 변경되지 않습니다.

3. join()

사용자 정의 구분자가 필요할 때 사용합니다.

• fruits.join(" | ")는 "Apple | Orange | Banana"를 반환합니다. • fruits.join("-")는 "Apple-Orange-Banana"를 반환합니다.

4. at()

이 메서드는 특정 인덱스의 요소를 반환합니다. 음수 인덱스를 지원합니다.

• arr.at(-1)은 마지막 요소를 반환합니다. • arr.at(-2)는 마지막에서 두 번째 요소를 반환합니다.

5. pop()

이 메서드는 배열의 마지막 요소를 제거합니다. 제거된 요소를 반환합니다. 이 작업은 원본 배열을 변경합니다.

6. Array.isArray()

값이 배열인지 확인하는 데 사용합니다. typeof 연산자는 배열에 대해 "object"를 반환하므로 신뢰할 수 없습니다.

• Array.isArray([])는 true를 반환합니다. • Array.isArray({})는 false를 반환합니다.

7. concat()

두 개 이상의 배열을 병합할 때 사용합니다. 원본 배열을 변경하지 않으며, 완전히 새로운 배열을 반환합니다.

8. copyWithin()

배열의 일부를 동일한 배열 내의 새로운 위치로 복사합니다. 기존 요소를 덮어씁니다.

delete에 관한 중요 참고 사항

delete 연산자는 요소를 제거하지만 배열의 길이는 그대로 유지합니다. 이로 인해 배열에 빈 구멍(hole)이 생깁니다. 요소를 제거하고 배열의 크기를 줄이고 싶다면 다른 메서드를 사용하세요.

Source: https://www.w3schools.com/js/js_array_methods.asp

Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7