Hur man använder arrayer för att integrera JavaScript med HTML

August 15

I JavaScript, en rrays är en slags samling. Du kan arbeta med arrayer för att integrera JavaScript med HTML. Varje array innehåller noll eller mer som objekt som du kan manipulera som en grupp.

Hur man skapar en array i JavaScript

JavaScript ger tre metoder för att skapa arrayer: regelbundna, kondenserad, och bokstav. I allmänhet är ett sätt så gott som ett annat. Av de tre, är den vanliga metod som visas i följande lista lättast att förstå, men den bokstavliga metoden är den mest kompakta.

<Body>
<H1> Skapa Arrays </ h1>
<H2> Regular: </ h2>
<Script language = "JavaScript">
// Skapa arrayen.
Var Färger = new Array ();

// Fyll arrayen med data.
Färger [0] = "Blue";
Färger [1] = "Grön";
Färger [2] = "Purple";

// Visa innehållet på skärmen.
document.write (färger);
</ Script>
<H2> Kondense: </ h2>
<Script language = "JavaScript">
// Skapa arrayen och fylla den med data.
Var Färger = new Array ("Blue", "Grön", "Purple");

// Visa innehållet på skärmen.
document.write (färger);
</ Script>

<H2> Literal: </ h2>
<Script language = "JavaScript">
// Skapa arrayen och fylla den med data.
Var Colors = ["Blue", "Grön", "Purple"];

// Visa innehållet på skärmen.
document.write (färger);
</ Script>
</ Body>

Alla tre metoderna ger exakt samma array. Den regelbundna metod skapar arrayen först och sedan tilldelar strängar till varje arrayelement i antal. De hakparenteser bakom Färger anger elementnummer, som börjar vid 0 och steg med 1 för varje element du lägger.

Lägg märke till att när du använder den kondense metod du bifoga gruppelementen inom parentes som en del av konstruktören. Men när man använder den bokstav metoden, bifoga du gruppelementen i hakparenteser.

Hur man använder arrayer för att integrera JavaScript med HTML

Hur komma åt array medlemmar

Varje array medlem har ett unikt nummer - en adress av slag. Du kommer åt array medlemmar genom att ge arrayen namnet och sedan elementet nummer inom hakparenteser. Normalt använder du en slinga för att få tillgång till array medlemmar. Loops är ett sätt att automatisera arrayåtkomst.

Följande kod visar ett exempel på hur du kan komma åt en matris, ett element i taget, och visa dess innehåll.

<Body>
<H1> Tillgång Array Elements </ h1>
<Script language = "JavaScript">
// Skapa arrayen och fylla den med data.
Var Colors = ["Blue", "Grön", "Purple"];

// Definiera en slinga för att få tillgång till varje gruppelement
// Och visa det på skärmen.
for (i = 0; i <Colors.length; i ++)
{
document.write (
"Colors" + i + "=" +
Färger [i] + "<br />");
}
</ Script>
</ Body>

I detta exempel används en for-loop. Den för slingan skapar en räknare variabel (ett nummer) som heter jag som börjar vid 0 (det första elementet i arrayen) och fortsätter att öka (i ++) tills den har visats alla fältelementen (i <Colors.length). Den document.write () funktionen matar ut Färger elementnummer, innehållet (som Colors [i] där i är elementnummer), och en slut-på-line tag.

Hur man använder arrayer för att integrera JavaScript med HTML