JS : 배열과 객체의 속성 & 메서드 1

 

다음과 같은 배열이 저장되어있을 경우 속성 및 메서드의 사용법과 결과 예시입니다.

const arr = new Array(3,2,1)

 

 


Array.isArray(변수)

* 배열 데이터 타입 확인

* 기존 데이터타입 typeof는 배열을 Object로 인식합니다.

* isArray(변수)를 활용하면 true / false로 답을 체크하며 배열 데이터 유무를 구분할 수 있습니다.

 


 

변수.pop()

* 배열의 마지막 인덱스를 제거하고 이 값을 리턴합니다.

* 원본 배열이 변경됩니다.

 


변수.shift()

* 배열의 첫번째 인덱스를 제거하고 이 값을 리턴합니다.

* 원본 배열이 변경됩니다.


변수.unshift(추가데이터)

* 배열의 시작 위치에 값을 추가합니다.

* 원본 배열이 변경됩니다.

 


변수.push(추가데이터)

* 배열의 마지막 위치에 값을 추가합니다.

* 원본 배열이 변경됩니다.


변수.concat(결합데이터)

* 배열에 변수 및 배열 값을 결합시킵니다.

* 원본 배열이 변경되지 않습니다.

 

 


 

 

변수.reverse()

* 배열의 순서를 반전합니다.

* 원본 배열이 변경됩니다.

 


변수.sort() 

* 배열을 숫자 및 알파벳 순서로 정렬합니다.

* 원본 배열이 변경됩니다.

2자리 이상의 숫자를 배열에 저장 시 아래와 같이 출력됩니다.

* 문자를 기준으로 정렬되는 특징때문.

 


변수.slice(시작인덱스, 종료인덱스)

* 시작인덱스 : 기본 0부터 시작 / 음수 지정 시 배열의 끝부터 인식 

* 종료인덱스 : 미입력하거나 배열보다 큰 값 입력 시 배열 끝으로 인식 / 음수 지정 시 배열의 시작부터 인식

* 종료인덱스는 해당 인덱스까지가 아닌 종료 기준 전까지만 배열 값을 추출합니다.

* 원본 배열이 변경되지 않습니다. slice 명령 시에만 해당 값 추출해서 사용이 가능합니다.


 


변수.splice(시작인덱스, 시작인덱스부터 제거할 요소 수, 추가요소)

* 제거할 요소 수는 0으로 입력 시 제거되지 않습니다.

* 추가 요소는 생략가능합니다

* 원본 배열이 변경됩니다.


 

 


변수.join(삽입문자열)

* 배열 데이터 사이에 삽입할 문자열을 작성합니다.

* 최종 배열 type은 문자열이 됩니다. 

* 배열 기본 typeof == Object 

* join문자열 삽입 후 배열 typeof == String 

* 원본 배열이 변경되지 않습니다.

 


 

 

 

 

 

  Comments,     Trackbacks