TypeScriptの型記法、「オブジェクトリテラル」と「インデックスシグネチャ」について、まとめます。 「オブジェクトリテラル」も「インデックスシグネチャ」も、あまり聞き慣れない言葉で、雰囲気で理解した気になっていませんか? 私は、なっていました。 私の場合、この記法に遭遇するたびに「これって、なんだっけ?」ってなることが多いです。 自分の理解のために、ここにまとめておきたいと思います。 誰かの理解の助けになれば幸いです。 初見殺しな「オブジェクトリテラル」と「インデックスシグネチャ」 例えば、以下のコードにおいて 変数objの型が、何を意味しているか理解できますでしょうか。 私には、初見殺しすぎて、さっぱりわからず「???」となりました。 この型の意味は、「変数objは複数のkeyを含む可能性があり、そのすべてのstring型のkeyは、string型の値をもつ」となります。 以下のコ
![TypeScriptの型記法「オブジェクトリテラル 」と「インデックスシグネチャ」を理解する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0dca31163be5c8d34d8e334579641fb8d692dc60/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VHlwZVNjcmlwdCVFMyU4MSVBRSVFNSU5RSU4QiVFOCVBOCU5OCVFNiVCMyU5NSVFMyU4MCU4QyVFMyU4MiVBQSVFMyU4MyU5NiVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MyVBQSVFMyU4MyU4NiVFMyU4MyVBOSVFMyU4MyVBQiUyMCVFMyU4MCU4RCVFMyU4MSVBOCVFMyU4MCU4QyVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MyU4NyVFMyU4MyU4MyVFMyU4MiVBRiVFMyU4MiVCOSVFMyU4MiVCNyVFMyU4MiVCMCVFMyU4MyU4RCVFMyU4MyU4MSVFMyU4MyVBMyVFMyU4MCU4RCVFMyU4MiU5MiVFNyU5MCU4NiVFOCVBNyVBMyVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NjNiMmRmYjRhNTlhMGZjMjgyNTc5ZjA5MWE2YmU5OWQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrYXJhbWFnZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MGZlODA2NWU5OTI4NjQ4MmIzYzBiMzQ1YWQ5ZmI0ODU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D68b07362d4d1372d2bdb67ccc5b254f0)