JavaScript Tutorial.25

ansunny1170·2021년 12월 13일
0
post-thumbnail

JS ARRAY METHODS

Converting Arrays to Strings

JS 메서드 toString()은 배열을(쉼표로 구분된) 배열 값의 문자열로 변환한다.

join()메서드는 모든 배열 요소를 문자열로 결합한다.
toString()처럼 작동하지만 추가로 구분 기호를 지정할 수 있다.

Popping and Pushing

배열로 작업할 때 요소를 제거하고 새 요소를 추가 하는것은 쉽다.
poppingpusing은 다음과 같다, 배열에서 항목을 꺼내거나 항목을 배열로 푸시 한다.

POPPING

pop()메서드는 배열에서 마지막 요소를 제거한다.

pop()메서드는 popped out된 값을 반환한다.

PUSHING

push()메서드는 배열 마지막에 새 요소를 추가한다.

push()메서드는 새 배열 길이를 반환한다.

Shifting Elements (unshifting)

shiftingpoping과 동일하며 마지막 요소 대신 첫 번째 요소에서 진행된다.
shift()메서드는 첫 번째 배열 요소를 제거하고 다른 모든 요소를 더 낮은 인덱스로 이동(shift)시킨다.

shift()메서드는 shift out(이동된)값을 반환한다.

unshift()메서드는 새 요소를 배열의 첫 인덱스에 추가하고, 이전 요소들은 unshift시킨다.

unshift()메서드는 새 배열의 길이를 반환한다.

Changing Elements

배열 요소는 인덱스 번호를 사용하여 접근할 수 있다. 배열 요소는 0부터 시작한다.

length속성은 배열에 새 요소를 추가하는 쉬운 방법을 제공한다.

Deleting Elements

※ 배열 요소는 JS 연산자 delete를 사용하여 삭제할 수 있다.
삭제를 사용하면 배열에 정의되지 않은 구멍이 남는다.
그러니 pop() or shift()를 사용해야 한다.!

Splicing an Array

splice()메서드를 사용하여 배열에 새 항복을 추가할 수 있다.

splice()의 첫 번째 인자인 2는 새 요소를 추가할 위치 값,
두 번째 인자인 0은 제거해야 하는 요소의 개수,
나머지 인자는('Lemon', 'Kiwi)는 추가 할 새 요소 값이다.
그리고, splice()메서드는 삭제된 항목이 있는 배열을 반환한다.
아래 사진은 삭제한 요소가 없기 때문에 아예 반환을 안했다.

아래 사진은 삭제한 요소가 1개 있기 때문에 반환을 했다.

Using splice() to Remove Elements

splice()을 응용하면 배열에 구멍을 남기지 않고 요소를 제거할 수 있다.
추가되어야할 새로운 요소가 없기 때문에, 결과적으로 삭제만 되었다.

Merging (Concatenating) Arrays(병합)

concat() 메서드는 기존 배열을 병합(연결)하여 새 배열을 만든다.

concat()메서드는 기존 배열을 변경시키지 않는다. 새 배열을 반환 할 뿐이다.!

concat()메서드는 여러 배열 인수를 동시에 사용할 수 있다.

concat()메서드는 배열이 아닌, String(문자열)을 인자로 사용 할 수도 있다.

Slicing an Array

slice()메서드는 배열의 일부를 새 배열로 잘라낸다.
slice()메서드의 인자 번 부터 잘라내어 반환한다.

slice()메서드는 새 배열을 반환하는 것일 뿐, 기존 배열에서 요소를 제거하지 않는다.

첫 번째 예시와 같이 end 인수가 생략되면 slice()메서드는 마지막 요소까지 배열을 잘라낸다.(복사한다가 맞는것 같은디)
slice()메서드는 slice(1,3)처럼 두개 인자를 받을 수 있다.
그런 다음 메서드는 시작 인수에서 끝 인수까지의 요소를 선택한다.

Automatic toString()

JS는 기본 값이 예상되는 경우, 배열을 쉼표로 구분된 문자열로 자동 변환한다.
배열을 출력하려고 할 때 항상 그렇다.
아래 두 예시는 같은 결과를 생성한다.

Finding Max and Min Values in an Array

JS 배열에서 가장 높거나 낮은 갓을 찾기 위한 내장 함수는 없다..
이 문제를 해결하기 위한 방법은 아래 주소를 참조하여 참고할 수 있다.

JS SORTING ARRAYS
(참조 : https://www.w3schools.com/js/js_array_sort.asp)

Sorting Arrays(배열 정렬)

JS SORTING ARRAYS 장을 참고하자
(참조 : https://www.w3schools.com/js/js_array_sort.asp)

Complete Array Reference

전체 Array에 대해 참고 하려면 아래 주소를 참조하자
(참조 : https://www.w3schools.com/jsref/jsref_obj_array.asp)

profile
공정 설비 개발/연구원에서 웹 서비스 개발자로 경력 이전하였습니다. Node.js 백엔드 기반 풀스택 개발자를 목표로 하고 있습니다.

0개의 댓글