Why Array Declaration and Initialization in DSA Typescript?

The Big Idea

What if you could instantly find any day's data without flipping pages or searching endlessly?

The Scenario

Imagine you want to keep track of your daily expenses for a month using just a notebook. You write each day's expense on a new line, but you have to flip pages back and forth to find or update a specific day's amount.

The Problem

This manual method is slow and confusing. You might lose track of which line corresponds to which day, and updating or finding a specific day's expense takes too much time. Mistakes happen easily when the data grows.

The Solution

Using arrays, you can store all daily expenses in a single, organized list where each position corresponds to a day. This makes it easy to access, update, or add expenses quickly without confusion.

Before vs After

✗ Before

let expenses = {};
expenses['day1'] = 20;
expenses['day2'] = 15;
// Hard to manage and access

✓ After

let expenses: number[] = [20, 15];
// Easy to access by index: expenses[0] for day 1

What It Enables

Arrays let you handle collections of data efficiently, making your programs faster and easier to manage.

Real Life Example

Tracking daily temperatures for a week in a weather app, where each day's temperature is stored in an array for quick access and display.

Key Takeaways

Arrays organize multiple values in a single structure.

They allow quick access using positions (indexes).

Initialization sets up the array ready for use.

Practice

1. Which of the following is the correct way to declare an array of numbers in TypeScript?

easy

A. const numbers: number[] = [1, 2, 3];

B. const numbers: number = [1, 2, 3];

C. const numbers: array = (1, 2, 3);

D. const numbers = {1, 2, 3};

Solution

1. Step 1: Understand TypeScript array syntax

   In TypeScript, arrays are declared using the type followed by square brackets, e.g., number[].

2. Step 2: Check each option's syntax

   const numbers: number[] = [1, 2, 3]; correctly declares an array of numbers. Options A, B, and D use incorrect syntax for arrays.

3. Final Answer:

   const numbers: number[] = [1, 2, 3]; -> Option A

4. Quick Check:

   Array declaration with type[] = correct syntax [OK]

Hint: Use type[] to declare arrays in TypeScript [OK]

Common Mistakes:

• Using type without [] for arrays
• Using parentheses instead of square brackets
• Using curly braces instead of square brackets

2. Which of the following is the correct syntax to initialize an empty array of strings in TypeScript?

easy

A. let names = string[];

B. let names: string = [];

C. let names: string[] = [];

D. let names: [] = string;

Solution

1. Step 1: Identify correct type annotation for empty string array

   To declare an empty array of strings, use string[] as the type and assign an empty array [].

2. Step 2: Validate each option

   let names: string[] = []; correctly uses let names: string[] = []. Others have syntax errors or wrong type placement.

3. Final Answer:

   let names: string[] = []; -> Option C

4. Quick Check:

   Empty array of strings = string[] = correct [OK]

Hint: Use type[] with empty brackets to declare empty arrays [OK]

Common Mistakes:

• Omitting [] after type for arrays
• Assigning type incorrectly after =
• Using invalid syntax like let names = string[];

3. What will be the output of the following TypeScript code?

const arr: number[] = [10, 20, 30];
arr[1] = 50;
console.log(arr);

medium

A. [10, 20, 30]

B. [10, 50, 30]

C. [50, 20, 30]

D. Error: Cannot assign to arr[1]

Solution

1. Step 1: Understand array element assignment

   Arrays allow changing elements by index. arr[1] changes the second element.

2. Step 2: Apply the assignment and print

   arr[1] = 50 changes the second element from 20 to 50. Printing arr shows [10, 50, 30].

3. Final Answer:

   [10, 50, 30] -> Option B

4. Quick Check:

   Index assignment updates array element [OK]

Hint: Array index starts at 0; arr[1] is second element [OK]

Common Mistakes:

• Thinking arrays are immutable
• Confusing index 1 with index 0
• Expecting syntax error on assignment

4. Identify the error in the following TypeScript array declaration:

let nums: number[] = (1, 2, 3);

medium

A. Array elements must be strings

B. Missing type annotation for nums

C. Using let instead of const

D. Using parentheses instead of square brackets for array initialization

Solution

1. Step 1: Check array initialization syntax

   Arrays must be initialized with square brackets []. Parentheses () create a comma expression, not an array.

2. Step 2: Identify the error

   Using (1, 2, 3) does not create an array but evaluates to 3. This is incorrect for array initialization.

3. Final Answer:

   Using parentheses instead of square brackets for array initialization -> Option D

4. Quick Check:

   Arrays use [] not () for initialization [OK]

Hint: Use [] for arrays, () is for grouping expressions [OK]

Common Mistakes:

• Confusing parentheses with brackets
• Ignoring type annotations
• Thinking let vs const causes error here

5. You want to declare and initialize a 2D array of numbers with 3 rows and 2 columns, all initialized to zero. Which is the correct TypeScript code?

hard

A. const matrix: number[][] = [[0, 0], [0, 0], [0, 0]];

B. const matrix: number[3][2] = [[0, 0], [0, 0], [0, 0]];

C. const matrix: number[] = [0, 0, 0, 0, 0, 0];

D. const matrix = new Array(3, 2).fill(0);

Solution

1. Step 1: Understand 2D array declaration in TypeScript

   2D arrays are arrays of arrays, so type is number[][].

2. Step 2: Check initialization for 3 rows and 2 columns

   const matrix: number[][] = [[0, 0], [0, 0], [0, 0]]; correctly initializes 3 arrays each with 2 zeros. const matrix: number[3][2] = [[0, 0], [0, 0], [0, 0]]; uses invalid syntax. const matrix: number[] = [0, 0, 0, 0, 0, 0]; is 1D array. const matrix = new Array(3, 2).fill(0); creates array with 2 elements, not 2D.

3. Final Answer:

   const matrix: number[][] = [[0, 0], [0, 0], [0, 0]]; -> Option A

4. Quick Check:

   2D array = array of arrays with type number[][] [OK]

Hint: 2D arrays use type number[][] and nested brackets [OK]

Common Mistakes:

• Using number[3][2] which is invalid in TypeScript
• Confusing 1D and 2D array initialization
• Using new Array with multiple arguments incorrectly