Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Declaration and Advantages of Arrays | Arrays
Introduction to TypeScript
course content

Course Content

Introduction to TypeScript

Introduction to TypeScript

1. TypeScript Fundamentals
What is TypeScript?SyntaxSimple variable declarationMathematics in TypeScriptTyped variable declarationCommentsCode Syntax Correction Challenge
2. Conditional Statements
Comparison Operatorsif statementIf-else statementDay of the Week Condition Execution ChallengeComplex ConditionsSwitchChallenge: Commission Calculator
3. Arrays
Declaration and Advantages of ArraysWorking with Array ElementsArray TypingChallenge: Modifying ArraysSpread Syntax
4. Loops
While-Loop`break` keywordDo-While LoopChallenge (snail game)`for` loop`for` loop with arrays Challenge (FizzBuzz)`forEach` method
5. Functions
Functions introductionParameters and Return StatementChallenge (lottery)Optional ParametersDefault ValuesChallenge (price calculator) Summary

bookDeclaration and Advantages of Arrays

Imagine you have several books, let's say 5 of them. These books are scattered on the floor, and it's not always convenient to reach the one you need. That's how variables and data are scattered in your device's memory.

What's the solution to this problem?

Buy a bookshelf and place the books there. This bookshelf will act as an array in our code. From the shelf, we can easily take the books, seeing the titles on the covers. But in an array, a different system is used to access elements - it's called indexing. Each book will have its own index within the array, and by referring to the index, we can retrieve the desired element.

That's enough text; let's move on to the code:

We have implemented the bookshelf as an array. Let's briefly go over the syntax of how we did it, so:

  • let books: type[] - Here, we define the name and type of our array. We type the array with the string[] type since it will store book titles. Pay attention to the [] symbols that we specify along with the type. These symbols indicate that it is indeed an array, not a simple variable;
  • = [element1, element2, element3, ..., elementN]; - Here, we assign values to the array. Pay attention to the syntax: We assign string values separated by commas inside square brackets ([]). This is our bookshelf with the titles of various books.

Q: The question arises, how do I get the book I need from the shelf?

A: The answer is - by index.

Indexing

At the moment, we can retrieve an item from our bookshelf. It's done easily:


              
123

            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)
copy

The syntax is arrayName[index]. This way, we can access items on our 'bookshelf.'

Also, take note of the index number; we access the element at index 1, which will be the second element in the array. This is zero-based indexing, meaning the first element has an index of 0, the second 1, the third 2, and so on.

To access the last element in our 'bookshelf', we need to access the element at index 4, as we have a total of 5 elements, making 4 the last index. This can be expressed in a formula: index = element's_position_in_order - 1.

Modifying Array Elements

We can replace or modify an element in the array by accessing it using its index; this is done like so:


              
123

            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])
copy

It's so easy to do; the key is to choose the right index. But a good programmer usually knows their arrays. In the next chapter, you'll learn how to properly modify, add, and remove elements from an array. There's a lot more to discover!

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 1
some-alt