Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie Javascript, um Elemente in einem Array nach oben und unten zu verschieben

怪我咯
Freigeben: 2017-04-30 11:02:22
Original
1461 Leute haben es durchsucht

Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zu Javascript ein, um das Verschieben von Elementen in einem Array nach oben und unten zu realisieren. Der Artikel führt ihn ausführlich anhand von Beispielcode ein, der für alle Freunde, die ihn benötigen, einen gewissen Referenz- und Lernwert hat Schauen Sie sich unten um.

Vorwort

Wir können Elemente nach oben und unten verschieben, indem wir Arrays austauschen, wie folgt Sehen Sie sich ein Beispiel für den Austausch von Array-Elementen und deren Auf- und Abwärtsbewegung in JavaScript an.

Beim Schreiben eines Projekts müssen wir ein Beispiel für die Auf- und Abwärtsbewegung von Array-Datensätzen implementieren. Das Schreiben ist nicht mühsam, es ist nichts weiter als der Austausch von Array-Elementen. Der endgültige Implementierungscode lautet wie folgt. Wichtiger ist die Funktion.

Beispielcode:

// 交换数组元素
  var swapItems = function(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0];
    return arr;
  };
 
  // 上移
  $scope.upRecord = function(arr, $index) {
    if($index == 0) {
      return;
    }
    swapItems(arr, $index, $index - 1);
  };
 
  // 下移
  $scope.downRecord = function(arr, $index) {
    if($index == arr.length -1) {
      return;
    }
    swapItems(arr, $index, $index + 1);
  };
Nach dem Login kopieren

Verwenden Sie diese Methode entsprechend, um Top- und Bottom-Implementierungen zu erreichen.

Das obige ist der detaillierte Inhalt vonVerwenden Sie Javascript, um Elemente in einem Array nach oben und unten zu verschieben. 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