Why Modular Arithmetic Basics in DSA Javascript?

The Big Idea

Discover how a simple math trick can save you from endless if-else checks and bugs!

The Scenario

Imagine you have a clock showing hours from 1 to 12. If it's 10 o'clock now, and you want to know what time it will be 5 hours later, you can't just add 10 + 5 = 15 because clocks only go up to 12. You need a way to wrap around the numbers so they stay within 1 to 12.

The Problem

Without modular arithmetic, you would have to write many if-else checks to reset the number back to 1 after reaching 12. This is slow, confusing, and easy to make mistakes, especially when dealing with bigger numbers or different ranges.

The Solution

Modular arithmetic lets you do this wrapping automatically using the remainder operation. It keeps numbers within a fixed range by cycling back to the start when the limit is reached, just like a clock. This makes calculations simple and error-free.

Before vs After

✗ Before

let time = 10;
time = time + 5;
if (time > 12) {
  time = time - 12;
}

✓ After

let time = 10;
time = (time + 5) % 12;
if (time === 0) time = 12;

What It Enables

Modular arithmetic enables easy handling of cycles, rotations, and repeating patterns in programming and math.

Real Life Example

Calculating days of the week after a certain number of days, where the week cycles every 7 days, uses modular arithmetic to find the correct day.

Key Takeaways

Manual wrapping of numbers is slow and error-prone.

Modular arithmetic automatically cycles numbers within a range.

This concept simplifies calculations involving repeating cycles.

Practice

1. What is the result of 7 % 3 in modular arithmetic?

easy

A. 2

B. 3

C. 1

D. 0

Solution

1. Step 1: Understand the modulus operation

   The modulus operator (%) gives the remainder after division of the first number by the second.

2. Step 2: Calculate 7 divided by 3

   7 divided by 3 is 2 with a remainder of 1.

3. Final Answer:

   1 -> Option C

4. Quick Check:

   7 % 3 = 1 [OK]

Hint: Modulus gives remainder after division [OK]

Common Mistakes:

• Confusing modulus with division
• Using 3 instead of remainder
• Thinking modulus returns quotient

2. Which of the following is the correct syntax to compute the remainder of a divided by b in JavaScript?

easy

A. a % b

B. a mod b

C. mod(a, b)

D. a // b

Solution

1. Step 1: Recall JavaScript modulus syntax

   In JavaScript, the modulus operator is the percent sign (%) placed between two numbers or variables.

2. Step 2: Identify correct syntax

   Only a % b correctly computes the remainder of a divided by b.

3. Final Answer:

   a % b -> Option A

4. Quick Check:

   Use % for modulus in JavaScript [OK]

Hint: Use % operator for modulus in JavaScript [OK]

Common Mistakes:

• Using 'mod' keyword
• Using integer division operator //
• Calling a non-existent mod() function

3. What is the output of the following JavaScript code?

const x = 15;
const y = 4;
console.log(x % y);

medium

A. 4

B. 3

C. 0

D. 1

Solution

1. Step 1: Calculate 15 divided by 4

   15 divided by 4 is 3 with a remainder of 3.

2. Step 2: Apply modulus operator

   The expression 15 % 4 returns the remainder, which is 3.

3. Final Answer:

   3 -> Option B

4. Quick Check:

   15 % 4 = 3 [OK]

Hint: Modulus returns remainder after division [OK]

Common Mistakes:

• Confusing remainder with quotient
• Expecting 4 instead of remainder
• Mistaking modulus for division

4. Find the error in the following code snippet that tries to compute the modulus of two numbers:

let a = 10;
let b = 3;
let result = a % b();
console.log(result);

medium

A. Missing semicolon after console.log

B. Modulus operator should be replaced with division

C. Variables a and b should be strings

D. Using parentheses after b causes an error

Solution

1. Step 1: Analyze the modulus expression

   The code uses a % b(), which treats b as a function call, but b is a number, not a function.

2. Step 2: Identify the error

   Parentheses after b cause a runtime error because numbers cannot be called like functions.

3. Final Answer:

   Using parentheses after b causes an error -> Option D

4. Quick Check:

   Variables are not functions, so no () after b [OK]

Hint: Don't add () after variables unless they are functions [OK]

Common Mistakes:

• Adding () after number variables
• Confusing modulus with division
• Ignoring runtime errors

5. You want to find the remainder when the sum of two numbers a = 123456789 and b = 987654321 is divided by 1000. Which expression correctly computes this using modular arithmetic properties?

hard

A. ((a % 1000) + (b % 1000)) % 1000

B. (a % 1000) + (b % 1000)

C. a + b % 1000

D. a % (b % 1000)

Solution

1. Step 1: Recall modular addition property

   The remainder of a sum modulo m equals the sum of remainders modulo m: (a + b) % m = ((a % m) + (b % m)) % m.

2. Step 2: Apply property to given numbers

   Compute (a % 1000) and (b % 1000), add them, then take modulo 1000 again to get correct remainder.

3. Final Answer:

   ((a % 1000) + (b % 1000)) % 1000 -> Option A

4. Quick Check:

   Use modular addition: ((a%m)+(b%m))%m [OK]

Hint: Add remainders then mod again for sum modulus [OK]

Common Mistakes:

• Skipping final modulus after addition
• Adding without modulus
• Using wrong modulus order