Föreställ dig att du har flera böcker, låt oss säga 5 stycken. Dessa böcker ligger utspridda på golvet, och det är inte alltid bekvämt att nå den du behöver. Så här är variabler och data utspridda i din enhets minne.

Vad är lösningen på detta problem?

Köp en bokhylla och placera böckerna där. Denna bokhylla fungerar som en array i vår kod. Från hyllan kan vi enkelt ta böckerna, genom att se titlarna på omslagen. Men i en array används ett annat system för att komma åt elementen – det kallas indexering. Varje bok får sitt eget index i arrayen, och genom att referera till indexet kan vi hämta det önskade elementet.

Det räcker med text; låt oss gå vidare till koden:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Vi har implementerat bokhyllan som en array. Låt oss kort gå igenom syntaxen för hur vi gjorde det, alltså:

let books: type[] – Här definierar vi name och type på vår array. Vi typbestämmer arrayen med typen string[] eftersom den ska lagra boktitlar. Observera symbolerna [] som vi anger tillsammans med typen. Dessa symboler visar att det faktiskt är en array, inte en enkel variabel;
= [element1, element2, element3, ..., elementN]; – Här tilldelar vi värden till arrayen. Observera syntaxen: Vi tilldelar string-värden separerade med kommatecken inuti hakparenteser ([]). Detta är vår bokhylla med titlarna på olika böcker.

Q: Frågan uppstår, hur får jag tag på boken jag behöver från hyllan?

A: Svaret är - med hjälp av index.

Indexering

För närvarande kan vi hämta ett objekt från vår bokhylla. Det görs enkelt:


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

Syntaxen är arrayName[index]. På detta sätt kan vi komma åt objekt på vår 'bokhylla.'

Observera även indexnumret; vi hämtar elementet vid index 1, vilket är det andra elementet i arrayen. Detta kallas nollbaserad indexering, vilket innebär att det första elementet har index 0, det andra 1, det tredje 2 och så vidare.

För att komma åt det sista elementet i vår 'bokhylla' behöver vi hämta elementet vid index 4, eftersom vi har totalt 5 element, vilket gör 4 till det sista indexet. Detta kan uttryckas med en formel: index = element's_position_in_order - 1.

Modifiering av arrayelement

Vi kan ersätta eller ändra ett element i arrayen genom att komma åt det med dess index; detta görs så här:


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

Det är mycket enkelt att göra; nyckeln är att välja rätt index. Men en skicklig programmerare känner oftast till sina arrayer. I nästa kapitel får du lära dig hur du på rätt sätt modifierar, lägger till och tar bort element från en array. Det finns mycket mer att upptäcka!

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 1

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.94

Svep för att visa menyn

Vad är lösningen på detta problem?

Det räcker med text; låt oss gå vidare till koden:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Vi har implementerat bokhyllan som en array. Låt oss kort gå igenom syntaxen för hur vi gjorde det, alltså:

let books: type[] – Här definierar vi name och type på vår array. Vi typbestämmer arrayen med typen string[] eftersom den ska lagra boktitlar. Observera symbolerna [] som vi anger tillsammans med typen. Dessa symboler visar att det faktiskt är en array, inte en enkel variabel;
= [element1, element2, element3, ..., elementN]; – Här tilldelar vi värden till arrayen. Observera syntaxen: Vi tilldelar string-värden separerade med kommatecken inuti hakparenteser ([]). Detta är vår bokhylla med titlarna på olika böcker.

Q: Frågan uppstår, hur får jag tag på boken jag behöver från hyllan?

A: Svaret är - med hjälp av index.

Indexering

För närvarande kan vi hämta ett objekt från vår bokhylla. Det görs enkelt:


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

Syntaxen är arrayName[index]. På detta sätt kan vi komma åt objekt på vår 'bokhylla.'

Modifiering av arrayelement

Vi kan ersätta eller ändra ett element i arrayen genom att komma åt det med dess index; detta görs så här:


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 1

Deklaration och Fördelar med Arrayer

Indexering

Modifiering av arrayelement

Awesome!

Deklaration och Fördelar med Arrayer

Indexering

Modifiering av arrayelement