[자바스크립트_개념정리] 배열 메소드2

배열 메서드

’ concat   includes   indexOf   reverse   slice   splice   sort   at ‘

• concat( )

  : 두 배열을 합쳐줌

=> 형식 : array1.concat(array2)

=> 기존의 배열을 수정하지 않음

• Includes( )

  : 불리언 타입( true/false)으로 반환. 어떤 요소가 배열안에 있는지 확인

  

  => 값이 존재하면 true / 존재하지 않으면 false

• indexOf( )

  : 어떤 요소가 배열에 있는지 확인. 존재할 경우 위치를 찾음

​

​ => 존재하지 않으면 -1 반환

• Reverse( )

  : 배열 순서를 뒤집음. 배열 원본을 바꿔버림

​

​ => 원본의 순서도 바뀜

• Slice (시작점 인덱스, 마지막 인덱스 )

  : 배열의 일부를 추출

​

​ => 시작점 부터 배열의 끝까지 추출하려면 마지막 인덱스는 생략 가능

​

​ => 마지막 인덱스에 해당하는 항목 전까지 추출. 기존의 배열은 바뀌지 않음

​

​ => 인수에 음수를 입력하면 뒤에서 부터 출력

• Splice( 시작점, 삭제 개수, ‘삽입할 내용’ )

  : 배열에 변수 삽입, 삭제 둘 다 가능 (삭제에 유용), 배열 자체를 변경

  ​

​

​ => 인덱스 1, 2 항목 삭제

​

​ => 항목 추가 ( 삭제할 항목이 없으면 0 )

Splice()를 하면 반환값이 배열인데 배열이 아닌 값을 얻고 싶으면 끝에 [0]를 붙임

• Sort( )

  : 첫번째 자리 숫자로만 크기를 판단하여 재배열(정렬), 배열 자체를 변경(복사본 생성 X)

[syntax]

arr.sort(함수);

//이때의 함수는 정렬 순서를 정의하는 함수
//함수를 생략하면 각 요소의 문자열 변환에 따라 유니 코드 코드 포인트 값에 따라 정렬됨

[문자열 정렬]

[숫자 정렬]

​

​ => 기본적으로 숫자를 문자열로 바꿔 비교하기 때문에

​ 전체 숫자가 아니라 숫자의 첫번째 자리 숫자만 판단하여 크기 순서대로 배열

​

[ 숫자로 비교하여 오름차 순으로 정렬하기 위한 함수식 ]

function compareNumbers(a, b) {
  return a - b;
}

// a, b가 비교되는 두 요소라 가정
// 0보다 작은 경우 a가 b보다 낮은 인덱스로 정렬됨

화살표 함수로 활용

• at( )

  : 배열의 특정 위치에 있는 요소를 가져옴

=> 괄호 안의 인덱스에 해당하는 요소가 출력됨

=> ’ - 인덱스 ‘를 입력하면 뒤에서부터 카운트 => arr[0] 이 방법과는 다름. 자바스크립트에서 이 방법은 음수를 넣을 수 없음

[ at메서드의 간편함 ]

=> at메서드가 없다면 배열 길이에서 -1을 해 맨 뒤 요소를 출력하는 방법을 써야 함

[ 주의할 점 ]

대입연산자(‘=’)가 있을 때 at메서드는 왼쪽에서는 쓰지 못함