Beschreibung der Schreibmethode des Foreach-Arrays in Vue und des Traversal-Arrays in js

So schreiben Sie ein Vue-foreach-Array und durchlaufen ein Array in js

Szenario

Verwenden Sie Axios in Vue, um Get- oder Post-Anfragen zu senden. Beim Senden von Anfragen müssen Sie js verwenden

Durchlaufen und verarbeiten Sie die Anforderungsparameter.

Wenn Sie eine Antwort erhalten, müssen Sie das Antwortergebnis durchlaufen und verarbeiten.

Beachten Sie den Unterschied zwischen Foreach-Arrays in Vue und JS.

erreichen

Iterieren über ein Array in js

//Definieren Sie das Array mit den Schichtdetails. var bcglxiangxiList = new Array();
  //Schichtdetails definieren Objekt var bcxiangxi = {};
  // Durchlaufe die Parameter bcglXiangXiListParam.forEach(element => {
    bcxiangxi.xh = element.xh;
    bcxiangxi.bcbh = Daten.bcbh;
    bcxiangxi.dkkssj = element.sjfw[0];
    bcxiangxi.dkjssj = element.sjfw[1];
    bcxiangxi.ts = element.ts;
    bcxiangxi.dkdd = element.dkdd;
    bcxiangxi.zxjxljsj = element.jxsjfw[0];
    bcxiangxi.zdjxljsj = element.jxsjfw[1];
    //Speichern Sie das Schichtdetails-Objekt im Schichtdetails-Array bcglxiangxiList.push(bcxiangxi);
  });

Iterieren über ein Array in Vue

 var bcglxiangxiList = neues Array();
        var bcxiangxi = {};
        Debugger;
        Wenn (
          response.data.bcglXiangXiList != null &&
          Antwort.Daten.bcglXiangXiList.Länge > 0
        ) {
          Konsole.log(Antwort.Daten.bcglXiangXiList);
          Antwort.data.bcglXiangXiList.forEach((Element, Index) => {
            konsole.log(Element);
            bcxiangxi.xh = Artikel.xh;
            bcxiangxi.bcbh = Artikel.bcbh;
            //Debugger
            bcxiangxi.sjfw = neues Array();
            bcxiangxi.sjfw[0] = item.dkkssj;
            bcxiangxi.sjfw[1] = item.dkjssj;
            bcxiangxi.ts = Artikel.ts;
            bcxiangxi.dkdd = Artikel.dkdd;
            bcxiangxi.jxsjfw = neues Array();
            bcxiangxi.jxsjfw[0] = Artikel.zxjxljsj;
            bcxiangxi.jxsjfw[1] = Artikel.zdjxljsj;
            bcglxiangxiList.push(bcxiangxi);
          });
        }

Sie können sehen, dass die Traversal-Methode dieselbe ist. In js können Sie die Traversal-Methode auch mit zwei Parametern verwenden.

  //Definieren Sie das Array mit den Schichtdetails. var bcglxiangxiList = new Array();
  //Schichtdetails definieren Objekt var bcxiangxi = {};
  // Schleife durch Parameter bcglXiangXiListParam.forEach((element,index) => {
    bcxiangxi.xh = element.xh;
    bcxiangxi.bcbh = Daten.bcbh;
    bcxiangxi.dkkssj = element.sjfw[0];
    bcxiangxi.dkjssj = element.sjfw[1];
    bcxiangxi.ts = element.ts;
    bcxiangxi.dkdd = element.dkdd;
    bcxiangxi.zxjxljsj = element.jxsjfw[0];
    bcxiangxi.zdjxljsj = element.jxsjfw[1];
    //Speichern Sie das Schichtdetails-Objekt im Schichtdetails-Array bcglxiangxiList.push(bcxiangxi);
  });

Verwendung der Vue forEach-Schleife

//Daten sind eine Sammlung data.forEach(function(item, index) {
            //Element ist das Objekt, das an diesem Tag wiederholt wird. //Index ist der Index der Schleife, beginnend bei 0})

Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Das könnte Sie auch interessieren:

Vue forEach-Schleifenarray zum Abrufen der gewünschten Daten
Detaillierte Erläuterung der Prinzipanalyse und praktischen Anwendung der Vue-Array-Traversalmethoden forEach und Map
Vue muss Wissenspunkte lernen: die Verwendung von forEach()

<<: Detaillierte Erläuterung des Lese-Commits der MySQL-Transaktionsisolationsebene

>>: Detaillierte Erklärung der grep- und egrep-Befehle in Linux