Hjelp utviklingen av nettstedet, del artikkelen med venner!

Introduksjon til jQuery array loop

Jquery-matriseløkken itererer matrisen og matriseobjektet ved å bruke hver metode i programmeringen. Antallet array-indeks og array-verdi endrer eller opererer ved hjelp av en løkke i kildekoden k alt jquery array loop. Det bidrar til å redusere den store størrelsen på kildekoden og grensesnittet for å få den nødvendige utgangen. Matriseløkken er en funksjon for å unngå repetisjon av samme programmering og håndtere en stor mengde data. Matriseløkken er en metode som brukes til å håndtere matriseinformasjon i enkeltlinjes kildekode og få utdata uten å kaste bort dataminne.jquery array index er en funksjon som bruker til å iterere array verdien og deres indeks numerisk fra null til array lengde - 1.

Syntax

  • Array-sløyfesyntaksen med matriseverdi er under.

$.each ( jquery array, jquery callback-funksjon);

Eksempel på syntaks 1:

$.each ( (32, 46, 88), funksjon (indekser, verdier)
);

  • Array-sløyfesyntaksen med array-objekt er under.

$.each ( jquery array-objekt, jquery callback-funksjon);

Eksempel på syntaks 2:

var jalobject=(6, 3, 1);
$.each ( jalobject, function (indekser, verdier)
);

Beskrivelse av syntaksen:

  • «$»-tegnet er representert for å definere jquery og få tilgang til Jquery.
  • «hver ()»-metoden brukes for å iterere array-objektet i løkkeformatet.
  • «jquery-matrisen» er representert for å vise matriseverdier eller matriseobjekter inne i hver ()-metode.
  • «jquery callback-funksjonen» representerer matriseindeksen og matriseverdien i hver ()-metode.
  • Callback-funksjonen hjelper til med å returnere matriseindeksverdien og deres matriseobjektverdi.

Hvordan lage en array-løkke i jquery?

For å jquery bla til venstre, last ned enten jquery-biblioteket eller bruk jquery CDN-versjonslenken.

  • Last ned utviklingsversjonen eller produktversjonen av jquery fra jquery.com.
  • Den siste versjonen av jquery plasseres på innsiden av HTML-siden. Jquery-lenken er nedenfor.

HTML-siden er opprettet med filnavn og .html-utvidelse.

Eksempel: jqueryarrayloop.html

Tagken er plassert inne i hoveddelen på HTML-siden.

The array loop first-metoden er nedenfor.

  • Stedsmatriseløkken med matriseverdisyntaks her.

$.each ( (32, 46, 88), funksjon (indekser, verdier)
);

  • Returner matriseverdien og deres indekser.

"document.write( indexes+ - + values
);"

Den andre metoden for arraysløyfe er nedenfor.

  • Opprett en variabel og initialiser matriseverdien.

var arrayloop_object=( 43, 21, 98, 45 );

  • Det variable objektet plassert inne i hver metode.

$.each (arrayloop_object, function( indexes, values ) {
Skriv nødvendige kodeverdier her…
});

  • Returner array-objektverdien i henhold til brukerkrav.

"document.write( indekser + : + verdier+
);"

Kombiner arbeidsprosedyren til array-sløyfen.


Eksempler

Her er følgende eksempler nevnt nedenfor

Eksempel 1

Den grunnleggende array-sløyfeeksempel og utgang.

Eksempel del 1: Jquery array loop med array verdi eksempel.


Utgang:

Eksempel del 2: Eksempel på array-løkken med array-objekt.


Utgang:

Eksempel 2

Den grunnleggende array-sløyfen med eksempel på strengverdi og utgang.

Eksempel del 1: Eksemplet på den grunnleggende jquery string array loop.


Utgang:

Eksempel del 2: Jquery string array loop using object example.


Utgang:

Eksempel 3

Arraysløyfen med strengnøkkel og verdieksempel og utgang.


Utgang:

Eksempel 4

Vis strengen og den numeriske verdien i array-sløyfen eksempel og utdata.



Utgang:

Konklusjon

  • Jquery-arraysløyfen er nyttig for å opprettholde kildekodestørrelsen og håndtere store data i sløyfeformat.
  • Arraysløyfen hjelper til med å redusere minnestørrelsen og fjerne gjentagelsen av dataene.
  • Array-løkken er en enkel, brukervennlig og brukbar funksjon i kildekoden.

Hjelp utviklingen av nettstedet, del artikkelen med venner!