前のクラスでは、開発環(huán)境をセットアップし、Typescript のプリミティブ型を詳しく掘り下げました。

今日のクラスでは、Typescript でオブジェクトと配列を操作する方法を學びます。

---

導入

このクラスでは、Typescript のオブジェクトと配列について學びます。 Typescript を使用してプロジェクトでオブジェクトと配列を作成するさまざまな方法を調べてみましょう。

リテラルオブジェクト

オブジェクトを作成する最も簡単な方法の 1 つは、オブジェクト リテラルを使用することです。この方法は、後で新しいプロパティを追加できないため、オブジェクトのプロパティをすでに知っている場合に特に役立ちます。

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

objeto.chaveC = 'value';

インデックス署名

動的オブジェクトを作成する 1 つの方法は、インデックス署名を使用することです。このアプローチは、オブジェクトのプロパティが何になるかが事前にわからない場合に特に便利です。

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

objeto.chaveC = 'value C';

console.log(objeto);

記録

Typescript で動的オブジェクトを作成するもう 1 つの方法は、Record を使用することです。 Record は、Typescript ツールボックスのユーティリティ タイプの 1 つです。ユーティリティ タイプについては後ほど詳しく見てみましょう?，F(xiàn)時點で知っておく必要があるのは、Record を使用する場合、キーのタイプとオブジェクトの値を <> の間に指定する必要があるということです。

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

配列リテラル

配列を作成する最も簡単な方法は、角括弧で囲まれた要素のカンマ區(qū)切りリストであるリテラル配列を使用することです。

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

配列コンストラクター

Array コンストラクターを使用して新しい配列を作成することもできます。

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

---

以下のリンクにアクセスすると、クラス コードにアクセスできます:
https://github.com/d3vlopes/curso-typescript/tree/aula-002

次のクラス

次のクラスでは、Typescript の関數(shù)について學びます。パラメータの型や戻り値の型などを定義する方法を學びましょう!

コメントを殘してこの投稿をネットワークで共有し、より多くの人が Typescript を學習できるようにサポートしてください。

以上が無料のタイプスクリプト教室コースの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。