JS 배열(Array) 처리 기능 정렬_기본지식-JS 튜토리얼-php.cn

1. concat()은 두 개 이상의 배열을 연결합니다 이 메서드는 기존 배열을 수정하지 않고 단순히 연결된 배열의 복사본을 반환합니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = [1, 2, 3]; var arr1 = [11, 22, 33]; document.write(arr.concat(4, 5, arr1));

출력 결과: 1,2,3,4,5,11,22,33

2. 조인() 배열의 모든 요소를 문자열에 넣습니다. 요소는 지정된 구분 기호로 구분됩니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = ['항목 1', '항목 2', '항목 3']; var list = ' ' arr.join(' ') ' ';

결과 목록:

'

항목 1 항목 2 항목 3 ' 이것이 가장 빠른 방법입니다! 시스템이 내부적으로 수행하는 작업에 관계없이 기본 코드(예: Join())를 사용하는 것은 일반적으로 기본이 아닌 코드보다 훨씬 빠릅니다. ——제임스 파돌시(James Padolsey), james.padolsey.com 3. pop()은 배열의 마지막 요소를 삭제하고 반환합니다 pop() 메소드는 배열의 마지막 요소를 제거하고 배열 길이를 1만큼 감소시킨 후 제거된 요소의 값을 반환합니다. 배열이 이미 비어 있으면 pop()은 배열을 변경하지 않고 정의되지 않은 값을 반환합니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.pop() " "); document.write(arr);

출력 결과: 조지,존,토마스 토마스 조지, 존

4. push()는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.push("James") " "); document.write(arr);

출력 결과: 조지,존,토마스 4 조지,존,토마스,제임스

5. unshift()는 배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.unshift("James") " "); document.write(arr);

출력 결과: 조지,존,토마스 4 제임스,조지,존,토마스

6. reverse()는 배열 요소의 순서를 반대로 합니다 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.reverse());

출력 결과: 조지,존,토마스 토마스,존,조지

7. Shift()는 배열의 첫 번째 요소를 삭제하고 반환합니다 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.shift() " "); document.write(arr);

출력 결과: 조지,존,토마스 조지 존,토마스

8. Slice(start,end)는 기존 배열에서 선택한 요소를 반환합니다. 이 메서드는 배열을 수정하지 않고 하위 배열을 반환합니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = ["조지", "존", "토마스"]; document.write(arr " "); document.write(arr.slice(1) " ") // 첫 번째 요소부터 배열 끝까지 잘라냅니다. document.write(arr);

출력 결과: 조지,존,토마스 존,토마스 조지,존,토마스

9. sort()는 배열의 요소를 정렬합니다 배열에 대한 참조입니다. 배열은 원본 배열에 따라 정렬되며 복사본이 생성되지 않습니다. 기본적으로 이 방법은 문자 인코딩 순서(ASCII)에 따라 정렬됩니다. 예:

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = "존"; arr[1] = "조지"; arr[2] = "토마스"; Document.write(arr " "); Document.write(arr.sort());

출력 결과: 존,조지,토마스 조지,존,토마스 또 다른 예를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = 10 arr[1] = 5 arr[2] = 40 arr[3] = 25 arr[4] = 1000 arr[5] = 1 Document.write(arr " "); Document.write(arr.sort());

출력 결과: 10,5,40,25,1000,1 1,10,1000,25,40,5 우리가 생각하는 것처럼 숫자 크기로 정렬되지 않은 것을 알 수 있습니다. 숫자 크기로 정렬하려면 기본 정렬 방법을 변경하고 정렬 규칙을 직접 지정해야 합니다. 다음과 같습니다:

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = 10 arr[1] = 5 arr[2] = 40 arr[3] = 25 arr[4] = 1000 arr[5] = 1 Document.write(arr " "); Document.write(arr.sort(function (a, b) {return a - b;})) // 큰 것부터 작은 것까지

출력 결과: 10,5,40,25,1000,1 1,5,10,25,40,1000 내림차순으로 정렬하고 싶다면 어떻게 해야 할까요? 정렬 순서를 다음으로 변경하세요. 함수 (a, b) {return b - a;} 괜찮아 10. splice()는 요소를 삭제하고 배열에 새 요소를 추가합니다 splice() 메서드는 Slice() 메서드와 다른 기능을 가지고 있습니다. splice() 메서드는 배열을 직접 수정합니다 (1) 지정된 범위의 배열 요소를 삭제합니다:

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = "조지" arr[1] = "존"; arr[2] = "토마스"; arr[3] = "제임스"; arr[4] = "애드류"; arr[5] = "마틴"; Document.write(arr " "); arr.splice(2, 3); // 세 번째 요소(세 번째 요소 포함) 뒤의 배열 요소 3개를 삭제합니다. Document.write(arr);

출력 결과: 조지,존,토마스,제임스,애드류,마틴 조지,존,마틴 (2) 지정된 첨자부터 시작하여 지정된 요소를 삽입합니다(요소 수는 제한되지 않음):

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = "조지"; arr[1] = "존"; arr[2] = "토마스"; arr[3] = "제임스"; arr[4] = "애드류"; arr[5] = "마틴"; Document.write(arr " "); arr.splice(2, 0, "William","JACK"); //세 번째 요소 앞에 "William","JACK" 삽입 Document.write(arr);

출력 결과: 조지,존,토마스,제임스,애드류,마틴 조지,존,윌리엄,잭,토마스,제임스,애드류,마틴 (3) 지정된 범위의 배열 요소를 삭제하고 지정된 요소로 교체합니다. (요소 수는 제한되지 않습니다.)

코드 복사 코드는 다음과 같습니다. var arr = 새 배열(6); arr[0] = "조지"; arr[1] = "존"; arr[2] = "토마스"; arr[3] = "제임스"; arr[4] = "애드류"; arr[5] = "마틴"; Document.write(arr " "); arr.splice(2,3,"William","JACK"); //세 번째 요소(세 번째 요소 포함) 뒤의 배열 요소 3개를 삭제하고 "William","JACK" document.write(arr);

출력 결과: 조지,존,토마스,제임스,애드류,마틴 조지,존,윌리엄,잭,마틴

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JS 배열(Array) 처리 기능 정렬_기본지식