标签：Index Typescript string color Car access let type red

Indexed Access types provide a mechanism for retrieving part(s) of an array or object type via indices. We’ll look at how this kind of type works, and a couple of practical examples of where you might use them.

interface Car {
  make: string
  model: string
  year: number
  color: {
    red: string
    green: string
    blue: string
  }
}

We can get color type:

let carColor: Car["color"]
/*
let carColor: {
    red: string;
    green: string;
    blue: string;
}
*/

We can get nested prop type:

let carColorRedComponent: Car["color"]["red"] // string

Index access type has safe guard:

let carColor: Car["not-something-on-car"] // ERROR: Property 'not-something-on-car' does not exist on type 'Car'.

We can get Intersection types on index access types:

let carPropertyWeInterest: Car["color" | "year", "model"]
/*
string | number | {
    red: string;
    green: string;
    blue: string;
}
*/

标签：Index,Typescript,string,color,Car,access,let,type,red
来源： https://www.cnblogs.com/Answer1215/p/16593025.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。