JavaScript의 배열 정렬이 변경되지 않는 문제 해결-JS 튜토리얼-php.cn

JavaScript의 배열 정렬이 변경되지 않는 문제 해결

저는 최근에 프로젝트를 진행하고 있습니다. Ajax가 백그라운드에서 데이터를 반환한 후 프론트 엔드가 js로 처리되면 정렬을 어떻게 사용해도 결국에는 아무 것도 없다는 것을 알게 됩니다. 변경하거나 마지막 정렬만 변경되는 것인지 오랫동안 고민했습니다. 드디어 정보를 확인해보니 js에서 얕은 복사와 깊은 복사에 차이가 있는 것을 발견했습니다.

    var provinceConfirmedCount = data;
    var provinceDeadCount = data;
    var provinceCuredCount = data;

    provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));
    provinceDeadCount.sort(sortBy(("provinceDeadCount")));
    provinceCuredCount.sort(sortBy(("provinceCuredCount")));

    console.log(provinceConfirmedCount); //不生效
    console.log(provinceDeadCount); //不生效
    console.log(provinceCuredCount); //生效

//比较数组对象
function sortBy(field) {
    return function(a,b) {
        return parseInt(b[field]) - parseInt(a[field]);
    }
}

로그인 후 복사

얕은 복사, 전체 복사 및 할당

이 세 가지의 차이점은 데이터가 변경되는 방식에만 국한되지 않습니다. 간단하고 명확하게 설명하려면 표를 사용하여 가장 빠르게 이해하세요.

원본 데이터가 함께 변경되지 않습니다

    var provinceConfirmedCount = $.extend([], data);
    var provinceDeadCount = $.extend([], data);;
    var provinceCuredCount = $.extend([], data);;

    provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));
    provinceDeadCount.sort(sortBy(("provinceDeadCount")));
    provinceCuredCount.sort(sortBy(("provinceCuredCount")));

    console.log(provinceConfirmedCount);
    console.log(provinceDeadCount);
    console.log(provinceCuredCount);

로그인 후 복사

JS Tutorial

위 내용은 JavaScript의 배열 정렬이 변경되지 않는 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

	동일한 객체를 가리키는가	첫 번째 레이어는 기본 데이터 유형입니다	원본 데이터에 하위 객체가 포함되어 있습니다
할당	예	으로 인해 원본 데이터가 함께 변경	원본을 만듭니다. 데이터가 함께 변경됩니다. 예
아니요 원본 데이터가 함께 변경됩니다			Solution
이제 원리를 알았으니 여기서 요구 사항은 모든 것을 변경하는 것입니다. 이를 처리하기 위해 JQuery의 확장 메소드를 사용할 수 있습니다:	Syntax: $.extend(target, [object1], [objectN]) 여기서 target은 대상 유형을 사용하거나 { }, 이는 실제 상황에 따라 처리될 수 있습니다. 다음 [object1], [objectN]에서 우리는 확장이 여러 객체를 병합하여 대상 유형의 객체로 처리할 수 있음을 알 수 있습니다.	추천 튜토리얼: "	"

Php8, 나도 갈게

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

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

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

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

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

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

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

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

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

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

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

웹소켓 비디오 튜토리얼

JavaScript의 배열 정렬이 변경되지 않는 문제 해결