Detaillierte Erläuterung des WeChat-Applet-Arrays (Hinzufügen, Löschen, Ändern, Überprüfen) und anderer Operationsbeispiele

高洛峰
Freigeben: 2018-05-19 16:31:11
Original
30357 Leute haben es durchsucht

WeChat-Miniprogramm-Array (Hinzufügen, Löschen, Ändern, Überprüfen) und andere Vorgänge

Ich arbeite derzeit an einer Demo eines Miniprogramms. Da Daten nicht im Hintergrund angefordert werden, sind lokale Datenvorgänge erforderlich, und es gibt einige Fallstricke. In diesem Artikel wird das Hinzufügen, Löschen, Ändern und Abfragen von Arrays als Beispiel verwendet, um einige Erfahrungen mit Anfängern zu teilen.

微信小程序 数组(增,删,改,查)等操作实例详解

Zuallererst sind dies die Originaldaten, ein JSON-Array.

Wir versuchen, die Daten zu verarbeiten und sie gleichzeitig auf der Seite darzustellen.

1. Daten hinzufügen

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

nach Erhalt der Formulardaten Stellen Sie ein Objekt selbst zusammen und fügen Sie dann über die Methode push () Daten hinzu. Beachten Sie, dass der Index der übertragenen Daten +1 ist, was bedeutet, dass der ursprüngliche Index im Array 0, 1 und 2 ist neu hinzugefügt ist 3. Und so weiter.

Wenn Sie Daten vorne einfügen möchten, müssen Sie die Array-Zusammenführungsoperation verwenden. Die Methode concat() kann wählen, ob sie vorne oder hinten zusammengeführt werden soll, z. B. newarray.concat(. Notizen);.

2. Löschen von Daten

微信小程序 数组(增,删,改,查)等操作实例详解

Es scheint keine Entfernungsmethode im Applet zu geben, daher habe ich die Split-Methode zum Löschen gewählt, die auch die ist eine, die mir begegnet ist. Notes.splice(id,i) kann i-Elemente ab der Position löschen, an der sich der Index befindet. Sie können es verstehen, wenn Sie sich den Code ansehen.

3 . Datenänderung

notes = obj可以把数组中index为i的元素设置为obj。
Nach dem Login kopieren

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

Schließlich, wenn Sie die Seite rendern möchten Wenn Sie die Daten ändern, müssen Sie daran denken, die setData-Methode zu verwenden.

this.setData({    notes:notes })
Nach dem Login kopieren

Übrigens ist hier eine Liste der Array-Operationsmethoden in js. Sie können es selbst ausprobieren.

微信小程序 数组(增,删,改,查)等操作实例详解

Ausführlichere Betriebsbeispiele für WeChat-Applet-Arrays (Hinzufügen, Löschen, Ändern, Überprüfen) und andere verwandte Artikel finden Sie auf der chinesischen PHP-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