Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispielanalyse zum Verschieben von Daten nach oben und unten im JS-Array

小云云
Freigeben: 2017-12-21 11:37:11
Original
1583 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen hauptsächlich ein Beispiel dafür, wie js das Verschieben von Daten in einem Array nach oben und unten realisiert. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Das Beispiel lautet wie folgt:

var swapItems = function(arr, index1, index2){
  arr[index1] = arr.splice(index2,1,arr[index1])[0]
  return arr
}
var arr = [1,2,3]
var newArr = []
upData (arr, index) {
  if (this.arr.length > 1 && index !== 0) {
    newArr = swapItems(arr, index, index - 1)
  }
}
downData (arr, index) {
  if (this.arr.length > 1 && index !== (this.arr.length - 1)) {
    newArr = swapItems(this.arr, index, index + 1)
  }
}
Nach dem Login kopieren

Möchte empfehlen:

Erklärung der JS-Implementierung des Klickens nach oben und unten, um die LI-Zeile zu verschieben Daten

Wie jQuery die Funktion „Nach oben“ und „Nach unten verschieben“ basierend auf der Sortierfunktion implementiert

Wie die Funktion „Nach unten“ und „Nach oben“ implementiert wird der Daten in der Liste

Das obige ist der detaillierte Inhalt vonBeispielanalyse zum Verschieben von Daten nach oben und unten im JS-Array. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!