Sliding Window on Arrays in DSA Typescript - Time & Space Complexity

Time Complexity: Sliding Window on Arrays

O(n)

Understanding Time Complexity

We want to understand how the time needed changes when using the sliding window technique on arrays.

Specifically, how does the number of steps grow as the array gets bigger?

Scenario Under Consideration

Analyze the time complexity of the following code snippet.

function maxSumSubarray(arr: number[], k: number): number {
  let maxSum = 0;
  let windowSum = 0;
  for (let i = 0; i < k; i++) {
    windowSum += arr[i];
  }
  maxSum = windowSum;
  for (let i = k; i < arr.length; i++) {
    windowSum += arr[i] - arr[i - k];
    if (windowSum > maxSum) maxSum = windowSum;
  }
  return maxSum;
}
    

This code finds the maximum sum of any subarray of size k using a sliding window.

Identify Repeating Operations

Identify the loops, recursion, array traversals that repeat.

• Primary operation: Two loops that each run over parts of the array.
• How many times: First loop runs k times, second loop runs (n - k) times, where n is array length.

How Execution Grows With Input

As the array size grows, the total steps grow roughly in a straight line with n.

Input Size (n)	Approx. Operations
10	About 10 steps
100	About 100 steps
1000	About 1000 steps

Pattern observation: The steps increase directly with the size of the array.

Final Time Complexity

Time Complexity: O(n)

This means the time needed grows in a straight line as the array gets bigger.

Common Mistake

[X] Wrong: "Sliding window always means nested loops, so it must be O(n²)."

[OK] Correct: Here, the window moves forward by one step each time without restarting, so the total work is just one pass through the array, not repeated loops inside loops.

Interview Connect

Understanding sliding window time complexity helps you explain efficient solutions clearly and confidently in interviews.

Self-Check

"What if the window size k changes with input size n, for example k = n/2? How would the time complexity change?"

Practice

1. What is the main purpose of the sliding window technique on arrays?

easy

A. To find the maximum element in the entire array

B. To sort the array in ascending order

C. To reverse the elements of the array

D. To efficiently process subarrays of fixed size without repeated work

Solution

1. Step 1: Understand the sliding window concept

   The sliding window technique moves a fixed-size window over the array to process subarrays efficiently.

2. Step 2: Identify the purpose

   It avoids recalculating values for overlapping parts of subarrays, improving performance.

3. Final Answer:

   To efficiently process subarrays of fixed size without repeated work -> Option D

4. Quick Check:

   Sliding window = efficient fixed-size subarray processing [OK]

Hint: Think of a moving window over array parts for efficiency [OK]

Common Mistakes:

• Confusing sliding window with sorting
• Thinking it reverses the array
• Assuming it finds max of whole array

2. Which of the following is the correct TypeScript syntax to start a sliding window loop for an array arr with window size k?

easy

A. for (let i = 0; i < arr.length; i += k)

B. for (let i = 0; i < arr.length + k; i++)

C. for (let i = 0; i <= arr.length - k; i++)

D. for (let i = 1; i <= arr.length - k; i++)

Solution

1. Step 1: Determine loop range for sliding window

   The window of size k must fit inside the array, so the last start index is arr.length - k.

2. Step 2: Check loop syntax correctness

   Loop from i = 0 up to and including arr.length - k ensures all windows are covered.

3. Final Answer:

   for (let i = 0; i <= arr.length - k; i++) -> Option C

4. Quick Check:

   Loop runs from 0 to arr.length - k inclusive [OK]

Hint: Loop until index allows full window inside array [OK]

Common Mistakes:

• Using < instead of <= causing last window to miss
• Starting loop at 1 instead of 0
• Incrementing by k skipping windows

3. What is the output of this TypeScript code?

const arr = [1, 3, 2, 6, -1, 4, 1, 8, 2];
const k = 5;
const result: number[] = [];
let windowSum = 0;

for (let i = 0; i < k; i++) {
  windowSum += arr[i];
}
result.push(windowSum);

for (let i = k; i < arr.length; i++) {
  windowSum += arr[i] - arr[i - k];
  result.push(windowSum);
}

console.log(result);

medium

A. [11, 14, 12, 18, 14]

B. [11, 10, 12, 15, 13]

C. [11, 14, 17, 20, 23]

D. [11, 13, 15, 17, 19]

Solution

1. Step 1: Calculate initial window sum for first 5 elements

   1 + 3 + 2 + 6 + (-1) = 11. result = [11]

2. Step 2: Slide window and update sums

   i=5: 11 - 1 + 4 = 14
   i=6: 14 - 3 + 1 = 12
   i=7: 12 - 2 + 8 = 18
   i=8: 18 - 6 + 2 = 14
   result = [11, 14, 12, 18, 14]

3. Final Answer:

   [11, 14, 12, 18, 14] -> Option A

4. Quick Check:

   windowSum += arr[i] - arr[i - k] each slide [OK]

Hint: Add new element, subtract old element for each slide [OK]

Common Mistakes:

• Not subtracting the element leaving the window
• Incorrect initial sum calculation
• Off-by-one errors in loop indices

4. Identify the error in this sliding window code snippet and choose the fix:

const arr = [2, 1, 5, 1, 3, 2];
const k = 3;
let maxSum = 0;
let windowSum = 0;

for (let i = 0; i < k; i++) {
  windowSum += arr[i];
}
maxSum = windowSum;

for (let i = k; i < arr.length; i++) {
  windowSum = windowSum + arr[i] - arr[i + k];
  if (windowSum > maxSum) {
    maxSum = windowSum;
  }
}
console.log(maxSum);

medium

A. Initialize maxSum to Number.MIN_VALUE

B. Change arr[i + k] to arr[i - k] in the second loop

C. Change first loop to run from i = 1 to k

D. Add a check if i + k < arr.length before subtraction

Solution

1. Step 1: Analyze the sliding window update

   The window slides by removing the element leaving the window and adding the new element entering it. The element leaving is at index i - k, not i + k.

2. Step 2: Correct the subtraction index

   Change arr[i + k] to arr[i - k] to correctly remove the leftmost element of the previous window.

3. Final Answer:

   Change arr[i + k] to arr[i - k] in the second loop -> Option B

4. Quick Check:

   Subtract element leaving window at i-k [OK]

Hint: Subtract element at i-k, not i+k, when sliding window [OK]

Common Mistakes:

• Using wrong index for element leaving window
• Not initializing maxSum correctly
• Loop range errors

5. Given an array of integers, write a sliding window algorithm to find the maximum sum of any subarray of size k. Which approach below correctly implements this in TypeScript?

hard

A. Initialize sum of first k elements, then slide window adding new element and subtracting old, updating max sum each time

B. Sort the array and sum the first k elements

C. Use nested loops to sum every subarray of size k and track max sum

D. Add all elements and divide by k to get average, then multiply by k for max sum

Solution

1. Step 1: Understand the sliding window max sum approach

   Calculate sum of first k elements as initial window sum.

2. Step 2: Slide window across array

   For each new element, add it and subtract the element leaving the window, update max sum if current sum is higher.

3. Step 3: Avoid inefficient methods

   Sorting or nested loops are less efficient; averaging does not find max sum.

4. Final Answer:

   Initialize sum of first k elements, then slide window adding new element and subtracting old, updating max sum each time -> Option A

5. Quick Check:

   Sliding window updates sum and tracks max [OK]

Hint: Slide window, update sum and max in one pass [OK]

Common Mistakes:

• Using nested loops causing slow performance
• Sorting array which changes element order
• Calculating average instead of max sum