Mastering TypeScript 3 - Third Edition

Structured data

Let's enhance this simple array of contact emails with a little more relevant data. For each of these email addresses, let's assume that we also want to include some text to render within the footer of our page, along with the email addresses. Consider the following HTML <script> tag:

<script type="text/javascript"> 
    var CONTACT_DATA = [ 
        { DisplayText: 'Help',  
        Email: '[e-mail]' } , 
        { DisplayText: 'Contact Us',  
        Email: '[e-mail]' }, 
        { DisplayText: 'Webmaster',  
        Email: '[e-mail]' } 
    ]; 
</script> 

Here, we have defined a global variable, named CONTACT_DATA, that is an array of objects. Each object has a property named DisplayText and a property named Email. If we are to use this array within our TypeScript ...