Lære Arbeide med Array-elementer

Du vet allerede hvordan du oppretter arrayer, men hva gjør du hvis sjefen din ber deg om å slette det første eller siste elementet fra arrayen? Eller kanskje legge til et element i arrayen? Hva om du får i oppgave å finne lengden på arrayen (antall elementer i arrayen)? Da sier du kanskje at du ikke vet hvordan du gjør det, og risikerer å miste jobben 😩.

Men ikke bekymre deg! I dette kapittelet skal jeg vise deg hvordan du gjør det, og vi skal se på de grunnleggende metodene for å jobbe med arrayer!

Legge til elementer i en array

La oss starte med det enkleste: hvordan legger vi til et element i en array? For dette kan du bruke push-metoden! La oss se på et eksempel:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Så, vi har lagt til et element i numbers-arrayen. Vi kan også legge til flere elementer samtidig ved å bruke push-metoden:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Fjerne det siste elementet

Hvis du trenger å diskret fjerne det siste elementet fra arrayet, kan du gjøre det ved å bruke pop()-metoden. Denne metoden fjerner det siste elementet fra arrayet og returnerer det. La oss se på et eksempel:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Merk at det å returnere en verdi betyr å tilordne den til en annen variabel. Vi tilordner altså en verdi til en variabel ved å bruke en metode på et array. Vi vil diskutere hva metoder, funksjoner og forskjellene mellom dem er i neste seksjon.

Fjerne det første elementet

Metoden shift() fjerner det første elementet i arrayet og returnerer verdien, for eksempel:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Det finnes også en reverse-metode som derimot legger til ett eller flere elementer i begynnelsen av arrayet og returnerer den nye lengden på arrayet, for eksempel:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Kombinere arrayer

TypeScript lar oss også kombinere to arrayer ved å bruke concat()-metoden, som returnerer et nytt, større array:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Vi kan også hente ut en del av en tabell og lagre den i en ny tabell ved å bruke slice()-metoden. Her må vi angi indeksene til de ytterste elementene, og alle elementene mellom disse indeksene vil bli overført til en ny tabell. For eksempel:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Merk

slicedArray inneholder elementer fra indeks 1 (inkludert) til indeks 4 (ekskludert), så den inkluderer elementene med indeks 1, 2 og 3.

Dette er ikke alle metodene og måtene å arbeide med arrayer på, men dette er de grunnleggende metodene en nybegynner bør kjenne til. Etter hvert som du lærer mer om TypeScript, vil du oppdage nye metoder, eller kanskje det vi har lært i dette kapittelet vil være tilstrekkelig for deg.

1. Hva gjør `push`-metoden når den brukes på et array i TypeScript?

2. Hvilken metode brukes for å fjerne det første elementet fra et array i TypeScript?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 2

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain the difference between push and unshift?

How do I find the length of an array in TypeScript?

What happens if I use pop or shift on an empty array?

Awesome!

Completion rate improved to 2.94

Sveip for å vise menyen

Men ikke bekymre deg! I dette kapittelet skal jeg vise deg hvordan du gjør det, og vi skal se på de grunnleggende metodene for å jobbe med arrayer!

Legge til elementer i en array

La oss starte med det enkleste: hvordan legger vi til et element i en array? For dette kan du bruke push-metoden! La oss se på et eksempel:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Så, vi har lagt til et element i numbers-arrayen. Vi kan også legge til flere elementer samtidig ved å bruke push-metoden:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Fjerne det siste elementet


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Fjerne det første elementet

Metoden shift() fjerner det første elementet i arrayet og returnerer verdien, for eksempel:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Det finnes også en reverse-metode som derimot legger til ett eller flere elementer i begynnelsen av arrayet og returnerer den nye lengden på arrayet, for eksempel:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Kombinere arrayer

TypeScript lar oss også kombinere to arrayer ved å bruke concat()-metoden, som returnerer et nytt, større array:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Merk

slicedArray inneholder elementer fra indeks 1 (inkludert) til indeks 4 (ekskludert), så den inkluderer elementene med indeks 1, 2 og 3.

1. Hva gjør `push`-metoden når den brukes på et array i TypeScript?

2. Hvilken metode brukes for å fjerne det første elementet fra et array i TypeScript?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 2

Arbeide med Array-elementer

Legge til elementer i en array

Fjerne det siste elementet

Fjerne det første elementet

Kombinere arrayer

1. Hva gjør push-metoden når den brukes på et array i TypeScript?

2. Hvilken metode brukes for å fjerne det første elementet fra et array i TypeScript?

Awesome!

Arbeide med Array-elementer

Legge til elementer i en array

Fjerne det siste elementet

Fjerne det første elementet

Kombinere arrayer

1. Hva gjør push-metoden når den brukes på et array i TypeScript?

2. Hvilken metode brukes for å fjerne det første elementet fra et array i TypeScript?

1. Hva gjør `push`-metoden når den brukes på et array i TypeScript?

1. Hva gjør `push`-metoden når den brukes på et array i TypeScript?