JavaScript Arrays Methods - Part 1

배열은 JavaScript의 특별한 객체입니다. 하나의 변수에 여러 값을 저장합니다.

모든 학생을 위해 별도의 변수를 만드는 대신: let student1 = "John"; let student2 = "David";

배열을 사용하세요: let students = ["John", "David", "Alex"];

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

• The length property length 속성은 전체 요소의 개수를 알려줍니다. 이것은 함수가 아니라 속성입니다. 괄호를 사용하지 마세요. 올바른 예: arr.length 잘못된 예: arr.length()

length를 변경하여 배열의 크기를 조정할 수 있습니다.

  • length를 줄이면 끝에서부터 요소가 제거됩니다.
  • length를 늘리면 빈 슬롯이 생성됩니다.

• toString() and join() toString()을 사용하여 배열을 쉼표로 구분된 문자열로 변환하세요. 하이픈(-)이나 파이프(|)와 같은 사용자 정의 구분자를 사용하고 싶을 때는 join()을 사용하세요.

• The at() method 이 메서드는 특정 인덱스에 있는 요소를 반환합니다. 대괄호 표기법(bracket notation)과 달리 음수 인덱스를 지원합니다. arr.at(-1)은 마지막 요소를 반환합니다.

• The pop() method 배열의 마지막 요소를 제거합니다. 원본 배열을 수정하며, 제거된 항목을 반환합니다.

• Array.isArray() 값이 배열인지 확인하는 데 사용합니다. typeof 연산자는 배열에 대해 "object"를 반환하므로 유용하지 않습니다. 루프를 돌기 전에 항상 Array.isArray()로 데이터를 검증하세요.

• delete vs concat() delete 연산자는 요소를 제거하지만 빈 공간(hole)을 남깁니다. 길이는 변경되지 않습니다. concat() 메서드는 배열을 병합합니다. 원본 배열을 변경하지 않고 새로운 배열을 반환합니다.

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

메서드 요약:

  • length: 크기를 반환합니다.
  • toString(): 쉼표로 구분된 문자열로 변환합니다.
  • join(separator): 사용자 정의 구분자를 사용하여 문자열로 변환합니다.
  • at(index): 요소를 가져옵니다 (음수 인덱스 지원).
  • pop(): 마지막 요소를 제거합니다.
  • isArray(): 값이 배열인지 확인합니다.
  • concat(): 배열을 새로운 배열로 병합합니다.
  • copyWithin(): 동일한 배열 내에서 요소를 복사합니다.

Source: https://www.w3schools.com/js/js_array_methods.asp Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7