Oppiskele Taulukkoalkioiden Käsittely

Osaat jo luoda taulukoita, mutta mitä teet, jos esimiehesi käskee poistamaan ensimmäisen tai viimeisen alkion taulukosta? Tai ehkä lisäämään alkion taulukkoon? Entä jos tehtävänäsi on selvittää taulukon pituus (alkioiden määrä taulukossa)? Silloin sanot, ettet osaa tehdä sitä, ja saatat saada potkut 😩.

Mutta ei hätää! Tässä luvussa kerron, miten se tehdään, ja tutustumme taulukoiden perusmenetelmiin!

Alkioiden lisääminen taulukkoon

Aloitetaan helpoimmasta: miten lisätään alkio taulukkoon? Tätä varten voit käyttää push-metodia! Katsotaan esimerkki:


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

Olemme siis lisänneet alkion numbers-taulukkoon. Voimme myös lisätä useita alkioita kerralla käyttämällä push-metodia:


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

Viimeisen alkion poistaminen

Jos on tarpeen poistaa taulukon viimeinen alkio hiljaisesti, tämä onnistuu pop()-metodilla. Tämä metodi poistaa viimeisen alkion taulukosta ja palauttaa sen. Tarkastellaan esimerkkiä:


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

Huomaa, että arvon palauttaminen tarkoittaa sen asettamista toiseen muuttujaan. Näin ollen asetamme arvon muuttujaan käyttämällä taulukon metodia. Käsittelemme, mitä metodit ja funktiot ovat sekä niiden erot seuraavassa osiossa.

Ensimmäisen alkion poistaminen

shift()-metodi poistaa taulukon ensimmäisen alkion ja palauttaa sen arvon, esimerkiksi:


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

On olemassa myös reverse-menetelmä, joka puolestaan lisää yhden tai useamman alkion taulukon alkuun ja palauttaa taulukon uuden pituuden, esimerkiksi:


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

Taulukoiden yhdistäminen

TypeScript mahdollistaa myös kahden taulukon yhdistämisen concat()-menetelmällä, joka palauttaa uuden, suuremman taulukon:


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

Voimme myös ottaa osan taulukosta ja tallentaa sen uuteen taulukkoon käyttämällä slice()-metodia. Tässä tulee määrittää äärimmäisten alkioiden indeksit, ja kaikki näiden indeksien väliset alkiot siirretään uuteen taulukkoon. Esimerkiksi:


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

Huomio

slicedArray sisältää alkiot indeksistä 1 (mukaan lukien) indeksiin 4 (poissuljettu), joten se sisältää alkiot indekseillä 1, 2 ja 3.

Nämä eivät ole kaikki tavat ja metodit taulukoiden käsittelyyn, mutta nämä ovat perusmenetelmät, jotka aloittelijan tulee tietää. Edetessäsi TypeScriptin opiskelussa löydät uusia metodeja, tai ehkä tämän luvun opit riittävät sinulle.

1. Mitä `push`-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?

2. Mikä menetelmä poistaa ensimmäisen alkion taulukosta TypeScriptissä?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 2

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

Pyyhkäise näyttääksesi valikon

Mutta ei hätää! Tässä luvussa kerron, miten se tehdään, ja tutustumme taulukoiden perusmenetelmiin!

Alkioiden lisääminen taulukkoon

Aloitetaan helpoimmasta: miten lisätään alkio taulukkoon? Tätä varten voit käyttää push-metodia! Katsotaan esimerkki:


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

Olemme siis lisänneet alkion numbers-taulukkoon. Voimme myös lisätä useita alkioita kerralla käyttämällä push-metodia:


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

Viimeisen alkion poistaminen

Jos on tarpeen poistaa taulukon viimeinen alkio hiljaisesti, tämä onnistuu pop()-metodilla. Tämä metodi poistaa viimeisen alkion taulukosta ja palauttaa sen. Tarkastellaan esimerkkiä:


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

Ensimmäisen alkion poistaminen

shift()-metodi poistaa taulukon ensimmäisen alkion ja palauttaa sen arvon, esimerkiksi:


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

On olemassa myös reverse-menetelmä, joka puolestaan lisää yhden tai useamman alkion taulukon alkuun ja palauttaa taulukon uuden pituuden, esimerkiksi:


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

Taulukoiden yhdistäminen

TypeScript mahdollistaa myös kahden taulukon yhdistämisen concat()-menetelmällä, joka palauttaa uuden, suuremman taulukon:


              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}`);

Huomio

slicedArray sisältää alkiot indeksistä 1 (mukaan lukien) indeksiin 4 (poissuljettu), joten se sisältää alkiot indekseillä 1, 2 ja 3.

1. Mitä `push`-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?

2. Mikä menetelmä poistaa ensimmäisen alkion taulukosta TypeScriptissä?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 2

Taulukkoalkioiden Käsittely

Alkioiden lisääminen taulukkoon

Viimeisen alkion poistaminen

Ensimmäisen alkion poistaminen

Taulukoiden yhdistäminen

1. Mitä push-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?

2. Mikä menetelmä poistaa ensimmäisen alkion taulukosta TypeScriptissä?

Awesome!

Taulukkoalkioiden Käsittely

Alkioiden lisääminen taulukkoon

Viimeisen alkion poistaminen

Ensimmäisen alkion poistaminen

Taulukoiden yhdistäminen

1. Mitä push-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?

2. Mikä menetelmä poistaa ensimmäisen alkion taulukosta TypeScriptissä?

1. Mitä `push`-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?

1. Mitä `push`-metodi tekee, kun sitä käytetään taulukkoon TypeScriptissä?