Kursus Bilik Darjah Typescript Percuma

Dalam kelas sebelumnya, kami menyediakan persekitaran pembangunan kami dan menyelidiki Jenis Primitif Typescript.

Dalam kelas hari ini, kita akan belajar cara bekerja dengan Objek dan Tatasusunan dalam Skrip Taip.

---

pengenalan

Dalam kelas ini, kita akan belajar tentang Objek dan Tatasusunan dalam Typescript. Mari kita terokai cara yang berbeza untuk membuat objek dan tatasusunan dalam projek kita dengan Typescript.

Objek Tersurat

Salah satu cara paling mudah untuk mencipta objek ialah melalui literal objek. Pendekatan ini amat berguna apabila anda sudah mempunyai pengetahuan terdahulu tentang sifat objek, kerana anda tidak boleh menambah sifat baharu kemudian.

const objeto = {
  chaveA: 'value',
  chaveB: 'value',
};

objeto.chaveC = 'value';

Tandatangan Indeks

Satu cara untuk mencipta objek dinamik ialah menggunakan Tandatangan Indeks. Pendekatan ini amat berguna apabila kita tidak mengetahui terlebih dahulu apakah sifat objek itu.

const objeto: { [key: string]: string } = {
  chaveA: 'value A',
  chaveB: 'value B',
};

objeto.chaveC = 'value C';

console.log(objeto);

Rekod

Cara lain kita boleh mencipta objek dinamik dalam Typescript ialah menggunakan Record. Rekod ialah salah satu daripada Jenis Utiliti dalam kotak alat Typescript. Mari terokai lebih lanjut tentang Jenis Utiliti kemudian. Buat masa ini, apa yang anda perlu tahu ialah apabila menggunakan Rekod, kita perlu menentukan jenis kunci dan nilai objek antara <>.

const objeto: Record<string, string> = {
  chaveA: 'value A',
  chaveB: 'value B',
};

Array Literals

Cara paling mudah untuk mencipta tatasusunan ialah menggunakan tatasusunan literal, iaitu senarai elemen yang dipisahkan koma yang disertakan dalam kurungan segi empat sama.

const arrayDeNumeros: number[] = [1, 2, 3];
const arrayDeString: string[] = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: (string | number)[] = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

Pembina Tatasusunan

Anda juga boleh menggunakan pembina Tatasusunan untuk mencipta tatasusunan baharu.

const arrayDeNumeros: Array<number> = [1, 2, 3];
const arrayDeString: Array<string> = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: Array<string | number> = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

---

Anda boleh mengakses kod kelas dengan mengakses pautan di bawah:
https://github.com/d3vlopes/curso-typescript/tree/aula-002

Kelas seterusnya

Dalam kelas seterusnya, kita akan meneroka fungsi dalam Typescript. Mari belajar cara untuk menentukan jenis parameter, jenis pulangan dan banyak lagi!

Tinggalkan ulasan dan kongsi siaran ini dengan rangkaian anda untuk menyokong dan membantu lebih ramai orang mempelajari TypeScript.

Atas ialah kandungan terperinci Kursus Bilik Darjah Typescript Percuma. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!