Implementierung der Reverse Order -Indexanzeige paginierte Daten: eine allgemeine Berechnungsmethode

In diesem Artikel wird detailliert eingeführt, wie die Indizierung der umgekehrten Reihenfolge in der paginierten Datenanzeige implementiert wird. Wenn der Standard -Paging die Zeilennummern in der Reihenfolge anzeigt, müssen die Indizes in umgekehrter Reihenfolge aus der Gesamtsumme angeordnet werden. Durch die Analyse vorhandener Probleme schlagen wir eine allgemeine Indexberechnungserklärung vor: TotalCount - ((Seite - 1) * Grenze) - Index, und zeigen, wie die Indexlogik über JavaScript -Code -Beispiele geändert werden, um die erforderliche Reverse -Indexanzeige einfach zu erreichen und die Flexibilität der Datenwiedergabe zu verbessern.

Standard -Paginationsindizes verstehen

Beim Umgang mit großen Datenmengen ist Paging eine gemeinsame Technik, die Daten in kleinere, leicht verwaltete Blöcke (Seiten) aufteilt. Normalerweise hat jede Seite eine Indexinkrementierung von 1, die zwischen den Seiten kontinuierlich ist. Wenn beispielsweise 5 Datenstücke pro Seite angezeigt werden, beträgt der Index der ersten Seite 1 bis 5, der Index der zweiten Seite ist 6 bis 10 und so weiter.

Das Folgende ist ein typisches Beispiel für JavaScript -Paging- und Indexberechnung:

 const names = [
    "John", "Doe", "John", "Doe", "John",
    "Tim", "John", "Doe", "John", "Doe",
];

Sei Seite = 1; // aktuelle Seitenzahl let limit = 5; // Anzahl der angezeigten Teile pro Seite TotalCount = Namen.Length || 0; // Gesamtzahl der Daten // Paginierungsfunktion Pagination (Array, Seite, Limit) {
    return array.slice ((Seite - 1) * Grenze, Seite * Grenze);
}

const newArray = pagination (Namen, Seite, Limit);

// Überqueren Sie die aktuellen Seitendaten und berechnen Sie den Vorwärts -Index Newarray.foreach ((Element, Index) => {
    // Index Berechnung Formel formul const idx = (Seite - 1) * Grenze (Index 1);
    console.log ("idx:", idx, "|", "name:", item);
});

Wenn Seite = 1 ist, lautet die Ausgabe wie folgt:

 IDX: 1 | Name: John
IDX: 2 | Name: Doe
IDX: 3 | Name: John
IDX: 4 | Name: Doe
IDX: 5 | Name: John

Wenn Seite = 2, ist die Ausgabe wie folgt:

 IDX: 6 | Name: Tim
IDX: 7 | Name: John
IDX: 8 | Name: Doe
IDX: 9 | Name: John
IDX: 10 | Name: Doe

Diese Indexierungsmethode ist intuitiv und häufig, aber manchmal erfordern die Geschäftsanforderungen, dass der Index in umgekehrter Reihenfolge angezeigt wird.

Reverse Paging Indexierung implementieren

Durch die Anforderung der Indexierung der umgekehrten Reihenfolge werden unabhängig von der Seite, auf der Sie sich derzeit befinden, der Index vom Maximalwert der Gesamtzahl abnehmen. Zum Beispiel für insgesamt 10 Datenstücke 5 Teile pro Seite:

• Die erste Seite sollte die Indizes als 10, 9, 8, 7, 6 anzeigen.
• Auf der zweiten Seite sollte die Indizes als 5, 4, 3, 2, 1 angezeigt werden.

Um diesen inversen Index zu erreichen, müssen wir die Rechenlogik des Index anpassen. Der Kern ist, dass der inverse Index jedes Elements durch seine Gesamtposition im gesamten Datensatz und die relative Position der aktuellen Seite bestimmt werden kann.

Die neue Indexberechnungsformel lautet: idx = TotalCount - ((Seite - 1) * Grenze) - Index

Lassen Sie uns die verschiedenen Komponenten dieser Formel im Detail analysieren:

• TotalCount: Dies ist die Gesamtzahl aller Elemente im Datensatz, was den Startpunkt (maximal) des inversen Index darstellt.
• (Seite - 1) * Grenze: Dieser Teil berechnet die Gesamtzahl der Einträge auf allen Seiten vor der aktuellen Seite. Wenn es sich beispielsweise derzeit um die erste Seite (Seite = 1) handelt, ist dieser Wert 0; Wenn es derzeit die zweite Seite ist (Seite = 2), ist dieser Wert 1 * Grenze, dh die Anzahl der Einträge auf der ersten Seite. Es wird verwendet, um den Startversatz der umgekehrten Ordnung der aktuellen Seite zu bestimmen.
• INDEX: Dies ist der Null-basierte Index des aktuellen Elements in der Datenschnitte der aktuellen Seite (d. H. Der durch die foreach-Schleife bereitgestellte Indexparameter). Es zeigt die relative Position des aktuellen Elements innerhalb der aktuellen Seite an.

Durch Subtrahieren der Gesamtzahl der Einträge vor der aktuellen Seite von TotalCount und Subtrahieren der relativen Position des aktuellen Elements auf der aktuellen Seite können wir den Indexwert des Elements in globaler Umkehrreihenfolge genau erhalten.

Beispiel für Reverse Index -Code

Hier ist der vollständige JavaScript -Code, der die Inverse Index -Berechnungsformel anwendet:

 const names = [
  "John", "Doe", "John", "Doe", "John",
  "Tim", "John", "Doe", "John", "Doe",
];

Sei Seite = 1; // aktuelle Seitenzahl let limit = 5; // Anzahl der angezeigten Teile pro Seite TotalCount = Namen.Length || 0; // Gesamtzahl der Daten // Paginierungsfunktion Pagination (Array, Seite, Limit) {
  return array.slice ((Seite - 1) * Grenze, Seite * Grenze);
}

const newArray = pagination (Namen, Seite, Limit);

// Überqueren Sie die aktuellen Seitendaten und berechnen Sie den Reverse Order Index Newarray.foreach ((Element, Index) => {
  // Die Formel für inverse Indexberechnung const idx = totalCount - ((Seite - 1) * Grenze) - Index;
  console.log ("idx:", idx, "|", "name:", item);
});

Wenn Sie den obigen Code verwenden, wird die Ausgabe, wenn Seite = 1 wird:

 IDX: 10 | Name: John
IDX: 9 | Name: Doe
IDX: 8 | Name: John
IDX: 7 | Name: Doe
IDX: 6 | Name: John

Wenn Seite = 2, wird die Ausgabe:

 IDX: 5 | Name: Tim
IDX: 4 | Name: John
IDX: 3 | Name: Doe
IDX: 2 | Name: John
IDX: 1 | Name: Doe

Dies implementiert perfekt die inverse Indexanzeige, die wir benötigen.

Dinge zu beachten

1. Die Genauigkeit von TotalCount: Stellen Sie sicher, dass die TotalCount -Variable immer genau die tatsächliche Gesamtzahl der Einträge im Datensatz widerspiegelt. Es ist der Eckpfeiler der inversen Indexberechnungen, und jede Ungenauigkeit führt zu Indexfehlern.
2. Allgemeinheit: Diese Berechnungslogik der inversen Indexierung ist allgemein und ist nicht auf JavaScript beschränkt. Es eignet sich für jede Programmiersprache oder für eine Programmiersprache oder für eine Programmiersprache oder für das Rahmen, das Pagination und Schleifen durch Daten unterstützt. Passen Sie einfach die Formel an die entsprechende Syntax an.
3. Null-basierter Index im Vergleich zu einem basierten Index: In der Formel ist der Index der Null-basierte Index des Arrays (ab 0), während TotalCount normalerweise die Gesamtzahl der Einträge darstellt (Zählen von 1). Diese Formel hat diesen Unterschied ohne zusätzliche Anpassungen geschickt behandelt.
4. Benutzererfahrung: In einigen Szenarien kann die Indexierung der umgekehrten Bestellung die Benutzererfahrung verbessern, z.

Zusammenfassen

Durch einfache Anpassungen der Indexberechnungsformel können wir inverse Indexindexierung in paginierten Datenanzeigen flexibel implementieren. Die Transformation von der traditionellen (Seite - 1) * Begrenzung (Index 1) in TotalCount - ((Seite - 1) * Grenze) - Index macht die Datenpräsentationsmethoden vielfältiger und kann unterschiedliche Geschäftsanforderungen und Benutzerpräferenzen erfüllen. Das Verständnis und Anwendung dieser Formel ist ein wichtiger Schritt zur Beherrschung erweiterter Fähigkeiten zur Anzeige von Paging -Daten.

Das obige ist der detaillierte Inhalt vonImplementierung der Reverse Order -Indexanzeige paginierte Daten: eine allgemeine Berechnungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!