> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 배열 정렬 함수 정렬 및 reverse_javascript 기술 사용 소개

자바스크립트 배열 정렬 함수 정렬 및 reverse_javascript 기술 사용 소개

WBOY
풀어 주다: 2016-05-16 17:13:30
원래의
1122명이 탐색했습니다.

먼저 역방향 방법에 대해 알아보겠습니다.

reverse 메소드는 Array 객체의 요소 위치를 반대로 바꿉니다. 실행 중에 이 메서드는 새 Array 객체를 생성하지 않습니다.

예:

코드 복사 코드는 다음과 같습니다.

var array1 = [ 'a','cc','bb','hello',false,0,3]
var array2 = [3,5,2,1,7,9,10,13] ;
array1.reverse();
alert(array1);
alert(array2);

배열에 숫자만 포함된 경우 , 숫자는 내림차순으로 정렬됩니다. 배열에 다른 유형이 포함되어 있으면 배열을 뒤집어 배열을 반환합니다.

정렬 메소드

요소가 정렬된 배열 객체를 반환합니다.

코드 복사 코드는 다음과 같습니다.
arrayobj.sort(sortfunction)

매개변수

arrayObj

필수입니다. 모든 배열 객체.

sortFunction

선택사항. 요소의 순서를 결정하는 데 사용되는 함수의 이름입니다. 이 매개변수를 생략하면 요소는 ASCII 문자 오름차순으로 정렬됩니다.

sort 메소드는 Array 객체를 적절하게 정렬합니다. 실행 중에 새로운 Array 객체가 생성되지 않습니다.

sortfunction 인수에 함수가 제공되는 경우 함수는 다음 값 중 하나를 반환해야 합니다.

전달된 첫 번째 인수가 두 번째 인수보다 작은 경우 음수 값입니다.
두 인수가 모두 같으면 0입니다.
첫 번째 매개변수가 두 번째 매개변수보다 큰 경우 양수 값입니다.

예시 1: ()

코드 복사 코드는 다음과 같습니다.
var a, l; // 변수를 선언합니다.
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0]
l = a.sort(); // 배열을 정렬합니다.
alert(l); // 정렬된 배열을 반환합니다.

이 예에서는 비교 함수를 전달하지 않으면 요소가 ASCII 문자 순서에 따라 오름차순으로 정렬됩니다. 또한 이 배열에는 여러 유형의 데이터가 포함되어 있으므로 비교 함수가 전달되면 여전히 ASCII 문자 순서에 따라 오름차순으로 정렬됩니다.

예를 들어

코드 복사 코드는 다음과 같습니다.
var a, l; // 변수를 선언합니다.
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0]
l = a.sort(); // 배열을 정렬합니다.
alert(l); // 정렬된 배열을 반환합니다.
ll = a.sort(compack);
alert(ll);//반환은 위와 동일합니다.
function compack(a,b){
return a-b;


숫자를 정렬해야 할 경우 정렬 방법을 사용하면 비교 함수를 전달하기만 하면 쉽게 상승 및 하강할 수 있습니다.

오름차순:


var a, l ; // 변수를 선언합니다.
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 배열을 정렬합니다.
alert(l); // 정렬된 배열을 반환합니다.

함수 compack(a,b){
return a-b;}


내림차순:


코드 복사 코드는 다음과 같습니다. var a, l // 변수를 선언합니다.
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 배열을 정렬합니다.
alert(l); // 정렬된 배열을 반환합니다.

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


비교 함수에서는 a-b를 오름차순으로, b-a를 내림차순으로 반환합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿