無料のタイプスクリプト教室コース

前のクラスでは、開発環境をセットアップし、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 つです。ユーティリティ タイプについては後ほど詳しく見てみましょう。現時点で知っておく必要があるのは、Record を使用する場合、キーのタイプとオブジェクトの値を <> の間に指定する必要があるということです。

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

配列リテラル

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

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 の関数について学びます。パラメータの型や戻り値の型などを定義する方法を学びましょう!

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

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