javaScript - 배열 메서드들의 특징 정리

춤추는개발자·2023년 3월 27일
0
post-thumbnail

배열에 사용할 수 있는 다양한 메서드들이 존재한다.
근데 어떤 메서드는 기존의 배열을 변경하는 메서드가 있기도 하고 어떤 메서드들은 기존의 배열은 변경하지 않고 메서드에 의해서 새로운 배열, 값을 반환하는 메서드들이 있다.
오늘은 기존의 배열을 변경하는 메서드들과 기존의 배열을 변경하지 않고 새로운 배열, 값을 반환하는 메서드들로 나눠서 정리 해볼려고 한다.

기존의 배열을 변경하는 메서드

메서드들의 사용법은 이전에 정리했기 때문에 어떤 값을 반환하는지 설명 하겠습니다.

  • push : 배열의 가장 끝에 요소를 추가하는 메서드 입니다. 요소를 추가하고 요소를 추가한 배열의 길이를 반환 합니다.
  • pop : 배열의 가장 바깥쪽의 요소를 제거하고 그 요소를 반환 합니다. 만약 제거할 요소가 없다면 undefined 를 반환 합니다.
  • shift : 배열의 첫번째 요소를 제거하고 그 요소를 반환 합니다. 만약 제거할 요소가 없다면 undefined 를 반환 합니다.
  • unshift : 배열의 첫번째 인덱스 자리에 요소를 추가하고 기존의 배열들을 한칸씩 밀어냅니다. 그리고 배열의 길이를 반환 합니다.
  • sort : 기존의 배열을 정렬하여 반환 합니다.
  • splice : 제거한 요소를 배열에 담아 반환 합니다. 기존의 배열에서 제거 합니다.
  • reverse : 기존의 배열의 순서를 뒤집어 그 배열을 반환 합니다. 기존의 배열을 변경 합니다.

기존의 배열은 그대로 두고 메서드를 사용해서 새로운 배열, 값으로 반환하는 메서드

  • map : map 메서드에 의해서 return 으로 반환 받은 요소들로 배열을 생성해 그 배열을 반환 합니다. 기존의 배열은 그대로 유지 됩니다.
  • reduce : reduce 메서드의 인자에 전달되는 함수의 반환 값이 반환 됩니다. 기존의 배열은 그대로 유지 됩니다.
  • every : 모든 배열의 요소들을 every 메서드의 인자로 넘겨주는 함수에 인자로 넘겨 모두 true 로 반환 된다면 true 로 반환 됩니다.
  • some : 모든 배열의 요소들을 some 메서드의 인자로 넘겨주는 함수에 인자로 넘겨 하나의 요소라도 true 로 반환 된다면 true 로 반환 됩니다.
  • filter : 모든 배열의 요소들을 filter 메서드의 인자로 넘겨주는 함수에 인자로 넘겨 함수에서 true 로 반환되는 요소들만 새로운 배열로 반환 합니다.
  • slice : slice 메서드에 인자로 넘겨주는 첫번째 인자의 값에서 두번째 인자 값 전까지의 배열의 요소들만 새로운 배열로 반환 합니다.
  • concat : 기존의 배열에 concat 메서드의 인자로 넘겨주는 값과 함께 합쳐서 새로운 배열로 반환 합니다. 인자로 넘겨주는 값은 그냥 값도 되고 배열로 넘겨줘도 됩니다.
  • join : 기존의 배열의 요소들을 join 메서드에 전달되는 인자값을 기준으로 합쳐져서 문자열로 반환 합니다.

0개의 댓글