Heim > Web-Frontend > js-Tutorial > JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

不言
Freigeben: 2018-07-27 11:31:38
Original
2116 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem JS-Prototyp eines gekapselten Arrays: Eine Einführung in die Verwendung der Sortiermethode. Er hat einen guten Referenzwert und ich hoffe, er kann Freunden in Not helfen.

Basierend auf der nativen JS-Kapselung der Sortiermethode auf dem Array-Prototyp

Ich habe kürzlich etwas über die Kapselung integrierter Methoden auf dem Array-Prototyp erfahren, was meine Fähigkeit zur Kapselung gestärkt hat Methoden mit nativem JS und weiterem Verständnis des Prozesses der Kapselung von Array-Methoden und der implementierten Funktionen. Obwohl ich nicht tief in die unterste Ebene gegangen bin und den Quellcode verstanden habe. Die folgenden Lösungen basieren alle auf persönlichem Verständnis der Funktionen, die mit reinem nativem JS implementiert werden. Wenn etwas nicht stimmt, können Sie es mir in den Kommentaren mitteilen

首先,我们先来看一下sort方法的作用、参数、以及方法的返回值,原有数组是否发生改变

Die Sortiermethode wird hauptsächlich zum Sortieren von Arrays verwendet
Parameter In zwei Typen unterteilt:

  • Erstens: Die übergebenen Parameter sind Funktionen (die Sortierung hängt hauptsächlich vom Rückgabewert der Funktion ab)

  • Das andere: Was übergeben wird, ist keine Funktion oder wird nicht übergeben (solange das übergebene Element keine Funktion ist, hat es keinen Einfluss auf den ursprünglichen Sortierprozess)
    Der Rückgabewert der Methode ist das sortierte Array des ursprünglichen Arrays
    Das ursprüngliche Array hat sich geändert, es ist das sortierte Array Array

其次,我们来看一下sort方法要处理的各种情况之间的比较

情况1:Keine Parameter zum Implementieren der Sortierung von String-Arrays
情况2:Keine Parameter-Implementierung zum Sortieren von Arrays vom Typ Zahl
情况3:Keine Parameter-Implementierung zum Sortieren von Arrays gemischter Typen wie z als Zeichenfolgen und Zahlen
情况4:Mit Parametern zum Implementieren der Sortierung numerischer Daten vom Typ Zahl
情况5:Mit Parametern sortiert sort() die benutzerdefinierten Attribute der einfachen Objektliste
情况6:Mit Parametern, Es implementiert die Sortierung von Arrays gemischter Zeichenfolgen- und Zahlentypen

sort方法对参数的处理:

Fall 1: Wenn der Parameter keine Funktion ist, es hat keinen Einfluss auf den ursprünglichen Sortiervorgang
Fall 2: Wenn der Parameter eine Funktion ist, basiert er auf dem Rückgabewert in der Callback-Funktion Sort. Ist der Rückgabewert größer als 0, werden die Positionen vertauscht; ist der Rückgabewert kleiner als 0, werden die Positionen nicht vertauscht
Ist der Rückgabewert keine Zahl, werden die Positionen nicht vertauscht

基于以上情况的讨论,sort方法实现的核心原理如下:

Grundprinzip: ohne Parameter (und die Parameter mit sind keine Funktionen): standardmäßige aufsteigende Reihenfolge
Ohne Parameter direkt in Zeichenfolgen konvertieren und ASCII einzeln vergleichen. Der Wert des Codes
wird nicht ausgetauscht, solange einer ein Objekt ist {}
Wenn der Parameter eine Funktion ist:
Vergleichen Sie entsprechend dem Rückgabewert der Funktion; wenn der Rückgabewert der Funktion größer als 0 ist; dann tauschen Sie die Position aus

实现代码如下:

Array.prototype.mySort = function(fn){
    if(Object.prototype.toString.call(fn)==='[object Function]'){
        //如果传进来参数的是函数
        for(var i = 0;i<this.length-1;i++){
            //遍历数组,将前后两项作为实参传给fn
            if(fn.call(this,this[i],this[i+1])>0){
                //如果fn执行之后的返回值大于0.就调用swap方法交换位置
                var a = this[i],b=this[i+1];
                this[i] = swap(a,b).a;
                this[i+1] = swap(a,b).b;
                //交换之后,如果当前项不是第一项,则当前项(索引为i的项)继续跟前面的项进行比较
                if(i>0){
                    for(var j = i-1;j>=0;j--){
                            if(fn.call(this,this[j],this[j+1])>0){
                                var a = this[j],b=this[j+1];
                                this[j] = swap(a,b).a;
                                this[j+1] = swap(a,b).b;
                            }
                        }
                }
            }
        }
    }else{
        //如果不是函数,则按正常排序
        //遍历数组,将前后两项进行比较
        for(var i = 0;i<this.length-1;i++){
            var cur = this[i];//当前项
            var next = this[i+1];//下一项
            if(comASCII(cur,next)){
                //当返回true的时候交换,并且交换完成之后,当前项继续往前比较
                this[i] = swap(cur,next).a;
                this[i+1] = swap(cur,next).b;
                //当前项继续向前比较
                if(i>0){
                    for(var k = i-1;k>=0;k--){
                        var cur = this[k];
                        var next = this[k+1];
                        if(comASCII(cur,next)){
                            this[k] = swap(cur,next).a;
                            this[k+1] = swap(cur,next).b;
                        }
                    }
                }
            }
        }
    }
    //封装一个交换位置的函数
    function swap(a,b){
        return {
            a:b,
            b:a
        }
    }
    //如果不传参的情况下比较ASCII码
    function comASCII(cur,next){
        //全部转换为字符串、逐项比较ASCII码
        cur = cur.toString();
        next = next.toString();
        //取长度最大值
        var len = cur.length>next.length?next.length:cur.length;
        //当前后两项都不是不是{}类型的数据时,进行比较
        if(cur!==&#39;[object Object]&#39;&&next!==&#39;[object Object]&#39;){
            for(var j = 0;j<len;j++){
                if(!isNaN(cur.charCodeAt(j))&&!isNaN(next.charCodeAt(j))){
                    //如果二者的ASCII码都是有效数字
                    if(cur.charCodeAt(j)>next.charCodeAt(j)){
                        //如果前一项比后一项当前的ASCII码大,则返回true,交换位置
                        return true;
                    }else if(cur.charCodeAt(j)==next.charCodeAt(j)){
                    //如果相等直接进入下一轮循环
                            continue;
                        }else{
                        //前项比后项小,直接返回false
                            return false;
                        }
                }
            }
            if(!isNaN(cur.charCodeAt(len))&&isNaN(next.charCodeAt(len))&&(cur.charCodeAt(len-1)==next.charCodeAt(len-1))){
                //比较完之后,如果前一项ASCII还是有效数字,说明前项比后项大,交换
                return true;
            }
        }
        //如果上述条件不满足,则不交换
        return false;
    }
    //返回当前数组
    return this;
};
Nach dem Login kopieren

实验结果

Kein Parameter (Parameter nicht- Funktion) Sortieren von rein numerischen Arrays

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Sortieren von rein numerischen Arrays mit Parametern (aufsteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Sortieren von reine numerische Arrays mit Parametern (absteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Keine Parameter (Parameter sind keine Funktionen) Sortierung rein alphabetischer String-Arrays

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (Parameter sind Funktionen) Sortierung von rein alphabetischen String-Arrays Sortierung (aufsteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen) Sortierung (absteigende Reihenfolge) von reine alphabetische String-Arrays

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Keine Parameter (Parameter sind keine Funktionen) Sortierung von reinen Buchstaben-Strings, numerischen Buchstabenkombinations-Strings und reinen numerischen String-Kombinationen

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (Parameter sind Funktionen) Sortieren von Ergebnissen (in aufsteigender Reihenfolge) von Kombinationen aus reinen alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, reinen numerischen Zeichenfolgen usw.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen) für reine Kombinationssortierungsergebnisse von alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, reinen numerischen Zeichenfolgen usw. (absteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Keine Parameter (Parameter sind keine Funktionen) für reine alphabetische Zeichen Kombinationssortierungsergebnisse von Zeichenfolgen, reinen Zahlen, numerischen Buchstabenfolgen, reinen numerischen Zeichenfolgen usw.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen) werden die Sortierergebnisse (in aufsteigender Reihenfolge) von Kombinationen aus reinen alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, reinen numerischen Zeichenfolgen usw. angezeigt.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen), die Sortierergebnisse (absteigende Reihenfolge) von Kombinationen aus reinen alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, reinen numerischen Zeichenfolgen usw.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Keine Parameter (Parameter sind keine Funktionen) sortieren Arrays, reine alphabetische Zeichenfolgen, reine Zahlen, numerische alphabetische Zeichenfolgen, reine numerische Zeichenfolgen usw.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

mit Parameter (Parameter sind Funktionen) Sortieren von Arrays, reinen alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, rein numerischen Zeichenfolgen usw. (in aufsteigender Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen) Paar Sortierung (absteigende Reihenfolge) von Arrays, reinen alphabetischen Zeichenfolgen, reinen Zahlen, numerischen alphabetischen Zeichenfolgen, reinen numerischen Zeichenfolgen usw.

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Mit Parametern (die Parameter sind Funktionen) für reine Arrays. Sortierung (aufsteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Sortierung von reinen Arrays (absteigende Reihenfolge) mit Parametern (Parameter sind Funktionen)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Sortierung reiner Objekte mit Parametern (die Parameter sind Funktionen) (aufsteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Sortierung reiner Objekte mit Parametern (die Parameter sind Funktionen) ( absteigende Reihenfolge)

JS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode

Verwandte Empfehlungen:

Analyse der Kapselung von Scrolling-Listenkomponenten in Angular 6

Das obige ist der detaillierte Inhalt vonJS-Prototyp eines gekapselten Arrays: Einführung in die Verwendung der Sortiermethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage