Lära Att Arbeta med Arrayelement

Du vet redan hur man skapar arrayer, men vad gör du om din chef ber dig att ta bort det första eller sista elementet från arrayen? Eller kanske lägga till ett element i arrayen? Vad händer om du får i uppgift att ta reda på längden på arrayen (antalet element i arrayen)? Då säger du att du inte vet hur man gör det, och du kanske blir av med jobbet 😩.

Men oroa dig inte! I det här kapitlet kommer jag att visa hur du gör det, och vi kommer att titta på grundläggande metoder för att arbeta med arrayer!

Lägga till element i en array

Låt oss börja med det enklaste: hur lägger vi till ett element i en array? För detta kan du använda metoden push! Låt oss titta på ett exempel:


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

Så, vi har lagt till ett element i arrayen numbers. Vi kan också lägga till flera element samtidigt med hjälp av metoden push:


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

Ta bort det sista elementet

Vid behov av att diskret ta bort det sista elementet från arrayen kan detta göras med metoden pop(). Denna metod tar bort det sista elementet från arrayen och returnerar det. Här är ett exempel:


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

Observera att att returnera ett värde innebär att tilldela det till en annan variabel. Vi tilldelar alltså ett värde till en variabel med hjälp av en array-metod. Vi kommer att diskutera vad metoder, funktioner och deras skillnader är i nästa avsnitt.

Ta bort det första elementet

Metoden shift() tar bort det första elementet i arrayen och returnerar dess värde, till exempel:


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

Det finns också en reverse-metod som tvärtom lägger till ett eller flera element i början av arrayen och returnerar den nya längden på arrayen, till exempel:


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

Kombinera arrayer

TypeScript tillåter oss också att kombinera två arrayer med hjälp av metoden concat(), vilket returnerar en ny, fräsch och större array:


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

Det är även möjligt att extrahera en del av en array och lagra den i en ny array med hjälp av metoden slice(). Här behöver du ange index för de yttersta elementen, och alla element mellan dessa index kommer att överföras till en ny array. Till exempel:


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

Observera

slicedArray innehåller element från index 1 (inklusive) till index 4 (exklusive), så den inkluderar elementen med index 1, 2 och 3.

Detta är inte alla metoder och sätt att arbeta med arrayer, men dessa är de grundläggande metoder som en nybörjare behöver känna till. När du fortsätter att lära dig TypeScript kommer du att upptäcka nya metoder, eller så kanske det vi har gått igenom i detta kapitel är tillräckligt för dig.

1. Vad gör metoden `push` när den används på en array i TypeScript?

2. Vilken metod används för att ta bort det första elementet från en array i TypeScript?

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 2

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

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

Svep för att visa menyn

Men oroa dig inte! I det här kapitlet kommer jag att visa hur du gör det, och vi kommer att titta på grundläggande metoder för att arbeta med arrayer!

Lägga till element i en array

Låt oss börja med det enklaste: hur lägger vi till ett element i en array? För detta kan du använda metoden push! Låt oss titta på ett exempel:


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

Så, vi har lagt till ett element i arrayen numbers. Vi kan också lägga till flera element samtidigt med hjälp av metoden push:


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

Ta bort det sista 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}`);

Ta bort det första elementet

Metoden shift() tar bort det första elementet i arrayen och returnerar dess värde, till exempel:


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

Det finns också en reverse-metod som tvärtom lägger till ett eller flera element i början av arrayen och returnerar den nya längden på arrayen, till exempel:


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

Kombinera arrayer

TypeScript tillåter oss också att kombinera två arrayer med hjälp av metoden concat(), vilket returnerar en ny, fräsch och 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}`);

Observera

slicedArray innehåller element från index 1 (inklusive) till index 4 (exklusive), så den inkluderar elementen med index 1, 2 och 3.

1. Vad gör metoden `push` när den används på en array i TypeScript?

2. Vilken metod används för att ta bort det första elementet från en array i TypeScript?

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 2

Att Arbeta med Arrayelement

Lägga till element i en array

Ta bort det sista elementet

Ta bort det första elementet

Kombinera arrayer

1. Vad gör metoden push när den används på en array i TypeScript?

2. Vilken metod används för att ta bort det första elementet från en array i TypeScript?

Awesome!

Att Arbeta med Arrayelement

Lägga till element i en array

Ta bort det sista elementet

Ta bort det första elementet

Kombinera arrayer

1. Vad gör metoden push när den används på en array i TypeScript?

2. Vilken metod används för att ta bort det första elementet från en array i TypeScript?

1. Vad gör metoden `push` när den används på en array i TypeScript?

1. Vad gör metoden `push` när den används på en array i TypeScript?