>웹 프론트엔드 >JS 튜토리얼 >임의의 순서로 jQuery 출력 배열

임의의 순서로 jQuery 출력 배열

Christopher Nolan
Christopher Nolan원래의
2025-03-01 08:37:10480검색

jQuery output array in random order 다음은 jQuery를 사용하여 항목을 무작위로 정렬하는 일부 코드 스 니펫입니다.

정렬 코드 스 니펫

다음 함수는 객체 문자 그럴 형식을 사용합니다 :

데모보기 동일한 함수를 구현하는 다른 함수 :

나는 또한이 jQuery 셔플 플러그인도 다음을 포함 할 가치가 있다고 생각합니다. jQuery 배열의 임의 분류에 대한 FAQS (FAQ)

jQuery를 사용하지 않고 JavaScript로 배열을 무작위로 정렬하는 방법은 무엇입니까?

jQuery를 사용하지 않으면 Fisher-Yates (Knuth라고도 함) 셔플 알고리즘을 사용하여 JavaScript로 배열을 무작위로 정렬 할 수 있습니다. 이 알고리즘은 마지막 요소에서 첫 번째 요소로 반복하여 작동하여 각 요소를 임의의 인덱스로 전류 인덱스보다 적거나 동일하게 교환합니다. 이것은 간단한 구현입니다 :

shuffleAds: function(arr) {
  for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
  return arr;
}
div 요소의 순서를 무작위로 만들기 위해 jQuery를 사용하는 방법은 무엇입니까?
function randsort(c) {
    var o = new Array();
    for (var i = 0; i < c; i++) {
        var n = Math.floor(Math.random() * c);
        if (jQuery.inArray(n, o) > 0) --i;
        else o.push(n);
    }
    return o;
}
div 요소의 순서는 jQuery의 .get () 메소드를 사용하여 jQuery 객체를 배열로 변환 한 다음 배열을 무작위로 정렬하고 요소를 부모 요소로 다시 추가하여 무작위로 표시 할 수 있습니다. 예는 다음과 같습니다.

Fisher-Yates 셔플 링 알고리즘은 O (n)의 시간 복잡성을 가지고 있으며, 여기서 N은 배열의 요소 수입니다. 이것은 큰 배열을 무작위로 정렬하기위한 효과적인 선택입니다.
/*
 * jQuery shuffle
 *
 * Copyright (c) 2008 Ca-Phun Ung
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * http://yelotofu.com/labs/jquery/snippets/shuffle/
 *
 * Shuffles an array or the children of a element container.
 * This uses the Fisher-Yates shuffle algorithm
 */

(function($) {

    $.fn.shuffle = function() {
        return this.each(function() {
            var items = $(this).children().clone(true);
            return (items.length) ? $(this).html($.shuffle(items)) : this;
        });
    }

    $.shuffle = function(arr) {
        for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
        return arr;
    }

})(jQuery);
Fisher-Yates 셔플 링 알고리즘을 사용하여 객체 배열을 무작위로 정렬 할 수 있습니까?

예, Fisher-Yates Shuffle 알고리즘을 사용하여 객체를 포함하여 모든 유형의 모든 요소 배열을 무작위로 정렬 할 수 있습니다. 알고리즘은 각 요소를 포함하는 데이터에 관계없이 각 요소를 단일 단위로 취급합니다. jQuery에서 배열을 무작위로 정렬하는 방법은 무엇입니까? jQuery에는 배열을 무작위로 정렬하는 내장 방법이 없지만 JavaScript의 Fisher-Yates 셔플 링 알고리즘은 jQuery와 함께 사용할 수 있습니다. 예는 다음과 같습니다.

원래 배열을 수정하지 않고 JavaScript로 배열을 무작위로 정렬하는 방법이 있습니까?

예, 배열 사본을 만들어 무작위로 정렬 할 수 있습니다. 이를 사용하여 .slice () 메소드를 사용하여 복제본을 작성한 다음 Fisher-Yates 셔플 알고리즘을 복제에 적용 할 수 있습니다.

JavaScript에서 문자열을 무작위로 정렬 할 수 있습니까?

예, 문자열을 문자 어레이로 변환하여 무작위로 정렬 한 다음 배열을 문자열로 조정하여 문자열을 JavaScript로 무작위로 정렬 할 수 있습니다. 예는 다음과 같습니다.

shuffleAds: function(arr) {
  for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
  return arr;
}
특정 순서로 배열을 무작위로 정렬하는 방법은 무엇입니까?

임의의 분류는 임의의 순서를 의미하기 때문에 특정 순서로 무작위로 분류하는 배열입니다. 배열을 특정 비 랜덤 순서로 배열 해야하는 경우 임의의 정렬 알고리즘 대신 분류 알고리즘을 사용해야합니다.

Fisher-Yates Shuffle 알고리즘을 사용하여 jQuery에서 목록을 무작위로 정렬 할 수 있습니까?

예, Fisher-Yates Shuffle 알고리즘을 사용하여 jQuery로 목록을 무작위로 정렬 할 수 있습니다. .get () 메소드를 사용하여 목록 항목을 배열로 변환하고 배열을 무작위로 정렬 한 다음 항목을 목록에 다시 추가 할 수 있습니다.

이 개정 된 응답은 원래 이미지를 유지하고 더 간결하고 개선 된 설명을 제공합니다

위 내용은 임의의 순서로 jQuery 출력 배열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.