Tuple type definition in Typescript - Mini Project: Build & Apply

Tuple type definition

📖 Scenario: You are creating a simple program to store information about a book using a tuple. A tuple lets you keep different types of data together in a fixed order.

🎯 Goal: Learn how to define a tuple type in TypeScript and use it to store and display book information.

📋 What You'll Learn

Create a tuple type called Book with three elements: a string for the title, a string for the author, and a number for the year published.

Create a variable called myBook of type Book with the values: title = 'The Hobbit', author = 'J.R.R. Tolkien', year = 1937.

Print the book information in a readable format.

💡 Why This Matters

🌍 Real World

Tuples are useful when you want to group related but different types of data together, like storing information about a book, a point in 2D space, or a person's name and age.

💼 Career

Understanding tuples helps you work with TypeScript data structures effectively, which is important for frontend and backend development jobs that use TypeScript.

1

Define the tuple type Book

Write a tuple type definition called Book that has exactly three elements: a string for the title, a string for the author, and a number for the year published.

Typescript

// Define the tuple type Book here
// Your code here

Need a hint?

Use type Book = [string, string, number]; to define the tuple type.

2

Create a variable myBook of type Book

Create a variable called myBook of type Book and assign it the values: 'The Hobbit', 'J.R.R. Tolkien', and 1937 in that order.

Typescript

type Book = [string, string, number];
// Create the variable myBook of type Book with the given values
// Your code here

Need a hint?

Use const myBook: Book = ['The Hobbit', 'J.R.R. Tolkien', 1937]; to create the variable.

3

Access tuple elements and prepare output

Use the tuple myBook to create a string variable called bookInfo that combines the title, author, and year in this format: 'Title: The Hobbit, Author: J.R.R. Tolkien, Year: 1937'.

Typescript

type Book = [string, string, number];

const myBook: Book = ['The Hobbit', 'J.R.R. Tolkien', 1937];

// Create bookInfo string using myBook tuple elements
// Your code here

Need a hint?

Use template strings and access tuple elements by index like myBook[0].

4

Print the book information

Write a console.log statement to print the bookInfo string.

Typescript

type Book = [string, string, number];

const myBook: Book = ['The Hobbit', 'J.R.R. Tolkien', 1937];

const bookInfo = `Title: ${myBook[0]}, Author: ${myBook[1]}, Year: ${myBook[2]}`;

// Print bookInfo to the console
// Your code here

Need a hint?

Use console.log(bookInfo); to display the information.