TypeScript Academy · Oppitunti

Tyypitetyt taulukot: T[] ja Array<T>

Tyypittäkää taulukoita ja estäkää yhteensopimattomien arvojen sekoittaminen.

Oppitunti 1/413 vaihetta

Tyypitetyt taulukot: T[] ja Array<T> on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Tervetuloa

TypeScriptin avulla voitte tyypittää taulukot niin, että niihin voidaan tallentaa vain tietyn tyyppisiä arvoja. Tässä oppitunnissa käsitellään kahta syntaksimuotoa ja niiden käyttötapauksia.

T[]-syntaksi

Yleisin tapa tyypittää taulukko on lisätä [] alkiotyypin perään. Tätä kutsutaan lyhytsyntaksiksi.

const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

Array<T>-geneerinen syntaksi

Geneerinen syntaksi Array vastaa syntaksia T[]. Jotkin tiimit suosivat sitä yhdenmukaisuuden vuoksi muiden geneeristen tyyppien kanssa.

const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

Taulukoiden tyyppivirheet

Jos yritätte lisätä väärän tyyppisen arvon, TypeScript ilmoittaa virheestä. Tämä estää erityyppisten alkioiden aiheuttamat virheet taulukoissa.

const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

Päätellyt taulukkotyypit

Kun taulukko alustetaan arvoilla, TypeScript päättelee alkioiden tyypin. Tyhjän taulukon tyypiksi päätellään `never[]` – merkitkää tyhjien taulukoiden tyyppi aina.

const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

Olioiden taulukot

Olioiden taulukon voi tyypittää käyttämällä alkiotyyppinä interfacea tai type-aliasta.

interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

Yleiset taulukkometodit on tyypitetty

TypeScript tuntee sisäänrakennetut taulukkometodit. map, filter ja find palauttavat kaikki asianmukaisesti tyypitetyn tuloksen.

const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

Sisäkkäiset taulukot

Kaksiulotteinen taulukko tyypitetään sisäkkäisellä taulukkotyypin syntaksilla.

const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

Unionitaulukot

Jos haluatte sallia taulukossa useita tyyppejä, käyttäkää alkiotyyppinä unionityyppiä.

const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

Taulukon hajautus tyyppien kanssa

Kun hajautatte taulukon, TypeScript päättelee hajautettujen muuttujien tyypit.

const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

T[]- ja Array<T>-syntaksin valitseminen

Molemmat muodot ovat TypeScriptissä identtisiä. Käyttäkää T[]-syntaksia yksinkertaisille tyypeille. Käyttäkää Array-syntaksia, kun alkiotyyppi on pitkä tai kun käytätte muita geneerisiä tyyppejä luettavuuden parantamiseksi.

Pikatarkistus

Minkä tyypin TypeScript päättelee tyhjälle taulukolle, joka ilmoitetaan muodossa `const list = []`?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Käyttäkää taulukoiden tyypittämiseen syntaksia T[] tai Array. Merkitkää tyhjien taulukoiden tyyppi aina. TypeScript valvoo alkiotyyppiä push-, map-, filter- ja muissa taulukkotoiminnoissa.

Aloita maksutta

Opi TypeScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 101
Oppitunnit: 352

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Tyypitetyt taulukot: T[] ja Array<T>” ilmainen?

Kyllä – oppitunnin ”Tyypitetyt taulukot: T[] ja Array<T>” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Tyypitetyt taulukot: T[] ja Array<T>”?

Tyypittäkää taulukoita ja estäkää yhteensopimattomien arvojen sekoittaminen. Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin TypeScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”Tyypitetyt taulukot: T[] ja Array<T>”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä TypeScript Academy-oppitunnilla?

Kyllä. Jokainen TypeScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

Tyypitetyt taulukot: T[] ja Array
Vain luku -taulukot ja muuttumattomat tiedot
Monikot: kiinteän pituiset tyypitetyt taulukot
Enumeraatiot: numeeriset ja merkkijonovakiot

← Takaisin: TypeScript Academy