JavaScript Notes
HubYour First JavaScript Program — Hello World & Beyond Complete Guide 2026History of JavaScript — Complete Timeline from 1995 to 2026How JavaScript Runs — Complete Guide to Execution, Call Stack & Event LoopJavaScript Engine Explained — V8, JIT Compilation & How Code Gets FastJavaScript Use Cases — 15 Things You Can Build with JavaScript (2026)JavaScript vs Other Languages — Complete Comparison Guide 2026What is JavaScript? Complete BeginnerWhy Learn JavaScript in 2026? Career, Salary, Scope & Benefits GuideJavaScript Break Statement Tutorial – Complete Guide with ExamplesJavaScript Break and Continue Statements – Complete Guide with ExamplesJavaScript Continue Statement Tutorial – Skip Iterations with ExamplesJavaScript Do While Loop Tutorial – Execute at Least Once with ExamplesJavaScript Do-While Loop Tutorial – Complete Guide with ExamplesJavaScript For Loop Tutorial – Complete Guide with ExamplesJavaScript If Statement Tutorial – Conditional Logic with ExamplesJavaScript If Else Statement Tutorial – Complete Guide with ExamplesJavaScript If Statement Tutorial – Complete Guide with ExamplesJavaScript Nested If Statement Tutorial – Multi-Level Conditions with ExamplesNested Loops in JavaScriptJavaScript Control Flow Practice Programs – 20+ Exercises with SolutionsJavaScript Switch Statement Tutorial – Case Matching with ExamplesSwitch Statement in JavaScriptJavaScript While Loop Tutorial – Complete Guide with ExamplesJavaScript Arrow Functions Tutorial – Syntax, Use Cases & this BindingJavaScript Callback Functions Explained – Synchronous & AsynchronousJavaScript Closures Explained – Lexical Scope, Private State & MemoryJavaScript Function Declaration Tutorial – Hoisting, Syntax & ScopeJavaScript Function Expression Tutorial – Anonymous, Named & AssignedJavaScript Higher Order Functions Tutorial – map, filter, reduce & Custom HOFsJavaScript IIFE Explained – Immediately Invoked Function ExpressionJavaScript Functions Practice Programs – 20+ Exercises with SolutionsJavaScript Recursion Tutorial – Call Stack, Base Case & Recursive PatternsJavaScript Array Basics - Complete BeginnerJavaScript Array Methods - Complete Reference Guide with ExamplesJavaScript Array Programs - 20+ Practice Problems with SolutionsJavaScript Arrays Basics - Complete Guide with Examples & DiagramsJavaScript Array filter() Method - Complete Tutorial with ExamplesJavaScript filter() Method — Complete Guide with Examples 2026JavaScript Array find() Method - Complete Tutorial with ExamplesJavaScript find() & findIndex() — Complete Guide 2026JavaScript Array map() Method - Complete Tutorial with ExamplesJavaScript map() Method — Transform Arrays Complete Guide 2026JavaScript map() vs forEach() - Key Differences with ExamplesJavaScript Array push() and pop() - Complete Tutorial with ExamplesJavaScript Array reduce() Method - Complete Tutorial with ExamplesJavaScript reduce() Method — Complete Deep Dive with Examples 2026JavaScript Array shift() and unshift() - Complete Tutorial with ExamplesJavaScript Array sort() Method - Complete Tutorial with ExamplesJavaScript splice() vs slice() - Complete Tutorial with ExamplesJavaScript Object Destructuring - Complete Guide with ExamplesJavaScript Objects - Complete Guide to Object Basics with ExamplesJavaScript Object Methods - Built-in Methods & Custom Methods Complete GuideJavaScript Object Programs - Practice Problems with SolutionsJavaScript Object Properties - Keys, Values, Descriptors & Dynamic PropertiesJavaScript Rest Operator (...) - Parameters, Destructuring & Complete GuideJavaScript Spread Operator (...) - Complete Guide with ExamplesJavaScript this Keyword - Complete Guide with Binding Rules & ExamplesJavaScript String Basics - Complete Guide to Strings with ExamplesJavaScript String Methods - Complete Reference with Examples & OutputJavaScript String Programs - Practice Problems with SolutionsJavaScript String Replacing - replace(), replaceAll() & Regex Patterns GuideJavaScript String Searching Methods - includes, indexOf, startsWith, match GuideJavaScript Template Literals (ES6) - Complete Guide with Tagged TemplatesJavaScript DOM Changing Content - textContent, innerHTML, setAttribute Complete GuideJavaScript DOM Changing Styles - CSS Manipulation, classList & getComputedStyleJavaScript DOM Creating Elements - createElement, appendChild, DocumentFragment GuideJavaScript DOM Introduction - Complete Guide to Document Object ModelJavaScript DOM Traversal - Navigate Parent, Child & Sibling NodesJavaScript DOM Forms - Form Handling, Validation & FormData Complete GuideJavaScript localStorage - Complete Guide to Web Storage APIlocalStorage vs sessionStorage - JavaScript Web Storage Comparison GuideJavaScript DOM Removing Elements - remove(), removeChild() Complete GuideJavaScript DOM Selecting Elements - querySelector, getElementById Complete GuideJavaScript sessionStorage - Complete Guide to Session-Based Web StorageJavaScript Click Event - addEventListener, Event Handler Complete GuideEvent Bubbling in JavaScript – Complete Guide with Examples (2026)Event Capturing in JavaScript – Complete Guide to Capture Phase (2026)Event Delegation in JavaScript – Complete Guide with Examples (2026)JavaScript Event Object – Complete Guide with Examples (2026)JavaScript Form Events – Complete Guide with Examples (2026)JavaScript Keyboard Events – Complete Guide to keydown, keyup & Key Properties (2026)JavaScript Mouse Events – Complete Guide with Examples (2026)JavaScript Async Await - Complete Guide with Examples & Error HandlingJavaScript Call Stack - Complete Guide with Visual Diagrams & ExamplesJavaScript Callback Queue (Task Queue) - Complete Guide with DiagramsJavaScript Callbacks - Complete Guide with Callback Hell & PatternsJavaScript Event Loop - Complete Guide with Visual Diagrams & ExamplesJavaScript Fetch API - Complete Guide with Examples, Error Handling & Async/AwaitJSON in JavaScript - Complete Guide: Parse, Stringify, Fetch & Error HandlingJavaScript Promise.all, Promise.race, Promise.any, Promise.allSettled — Complete Guide 2026JavaScript Promises - Complete Guide with Chaining, Error Handling & Event LoopSynchronous vs Asynchronous JavaScript — Complete Explanation 2026JavaScript Web APIs - Complete Guide: setTimeout, fetch, DOM Events & MoreClosures in JavaScript — Complete Guide with Examples 2026Hoisting in JavaScript — Complete Guide with Examples 2026Prototype in JavaScript — Complete Guide with Examples 2026Scope in JavaScript — Complete Guide with Examples 2026Browser Object Model (BOM) in JavaScript — Complete GuideCanvas API in JavaScript — Complete Drawing & Animation GuideDrag and Drop API in JavaScript — Complete TutorialGeolocation API in JavaScript — Get User Location TutorialHistory API in JavaScript — SPA Routing & pushState GuideNotification API in JavaScript — Push Notifications TutorialService Workers in JavaScript — Offline, Caching & PWA GuideWeb Storage API in JavaScript — localStorage & sessionStorage GuideWeb Workers in JavaScript — Multithreading & Background Tasks GuideJavaScript Interview — Behavioral Questions and Soft Skills Guide 2026Common JavaScript Interview Mistakes — What to Avoid 2026JavaScript Interview Tips — Strategy and Preparation Guide 2026JavaScript Mock Interview — Practice Questions with Solutions 2026JavaScript System Design — Frontend Architecture Interview Guide 2026JavaScript apply() Method - Complete Guide with ExamplesJavaScript bind() Method - Complete Guide with ExamplesJavaScript call() Method - Complete Guide with ExamplesJavaScript call() vs apply() vs bind() - Complete Comparison GuideJavaScript Currying - Complete Guide with ExamplesJavaScript Debounce - Complete Guide with Timeline DiagramsJavaScript Execution Context - Complete Guide with Stack DiagramsJavaScript Garbage Collection - Memory Lifecycle & Mark-and-Sweep GuideJavaScript Generators - Complete Guide with yield and IterationJavaScript Hoisting - Complete Guide with var, let, const & FunctionsJavaScript Iterators - Complete Guide with Iterator ProtocolJavaScript Lexical Scope - Complete Guide with Scope Chain DiagramsJavaScript Memory Management - Complete Guide with Lifecycle DiagramsJavaScript Modules - Complete Guide with import export ExamplesJavaScript Scope - Complete Guide with var, let, const & Scope ChainJavaScript Symbols - Complete Guide with Well-Known SymbolsJavaScript Throttle - Complete Guide with Timeline DiagramsJavaScript Comments Complete Guide – Single Line, Multi-line & JSDoc with ExamplesJavaScript Data Types Complete Guide – Primitives, Objects & typeof with ExamplesJavaScript Input and Output Complete Guide – console.log, prompt, alert & DOM with ExamplesJavaScript Keywords Complete Guide – Reserved Words List with Examples for BeginnersJavaScript null vs undefined – Complete Guide with Differences, Examples & Interview Q&AJavaScript Operators Complete Guide – Arithmetic, Comparison, Logical & More with ExamplesJavaScript Strict Mode Complete Guide – JavaScript Type Conversion Complete Guide – Explicit & Implicit Coercion with ExamplesJavaScript var vs let vs const – Complete Guide with Scope, Hoisting & Best PracticesJavaScript Variables Complete Guide – Declaration, Naming Rules & Memory Model for BeginnersDeque (Double-Ended Queue) in JavaScript — Complete GuideLinked List in JavaScript — Nodes, Pointers & Operations GuideJavaScript Map — Key-Value Data Structure Complete GuideJavaScript Numbers — IEEE 754, Precision, and Number Methods GuidePriority Queue in JavaScript — Min Heap Implementation GuideQueue Data Structure in JavaScript — FIFO, Enqueue & Dequeue ExplainedJavaScript Set — Unique Values Data Structure GuideSorting Algorithms in JavaScript — Bubble, Merge, Quick Sort GuideStack Data Structure in JavaScript — LIFO, Push, Pop ExplainedJavaScript Typed Arrays — ArrayBuffer, Int32Array, Float64Array GuideJavaScript WeakMap — Weak References, Memory Management GuideJavaScript WeakSet — Complete Guide with Examples 2026Applications of JavaScript — Where JS is Used in 2026 Complete GuideJavaScript Backend Frameworks — Node.js, Express, NestJS Complete Guide 2026JavaScript Frontend Libraries — React, Vue, Angular, Svelte Complete Overview 2026JavaScript Full-Stack Frameworks — Next.js, Remix, Astro Complete Guide 2026JavaScript Career Paths & Jobs — Salary, Roles & Roadmap 2026JavaScript Libraries vs Frameworks — Difference & Examples Complete Guide 2026JavaScript Custom Errors – Extend Error Class, Custom Error Types & instanceofJavaScript Debugging – console Methods, DevTools, Breakpoints & Error Stack TracesJavaScript throw Statement – Throw Errors, Custom Messages & Error TypesJavaScript Try Catch Finally – Error Handling Complete GuideTop 30 JavaScript Closure Interview Questions & Answers 2026Top 30 JavaScript Coding Interview Questions 2026 (With Solutions)Top 25 JavaScript Event Loop Interview Questions & Answers 2026Top 50 JavaScript Interview Questions & Answers 2026Top 30 JavaScript Promise Interview Questions & Answers 202650 Tricky JavaScript Output Questions 2026 (With Answers)Build a JavaScript Calculator - Step by Step Project TutorialBuild a JavaScript Image Carousel - Step by Step Project TutorialBuild a JavaScript Counter Application - Step by Step Project TutorialBuild a JavaScript Digital Clock - Step by Step Project TutorialBuild a Dynamic Resume Builder in JavaScript - Step by Step TutorialBuild a JavaScript Email Validator - Step by Step Project TutorialBuild a JavaScript Employee Database Management App - Step by Step TutorialBuild a JavaScript Expense Tracker - Step by Step Project TutorialBuild a GitHub Profile Search App in JavaScript - Step by Step TutorialBuild a JavaScript Image Slider - Step by Step Project TutorialBuild a JavaScript Multi-Step Progress Bar - Step by Step TutorialBuild JavaScript Nested Chat Comments - Step by Step Project TutorialBuild a JavaScript Notes App - Step by Step Project TutorialBuild a JavaScript OTP Input Field - Step by Step Project TutorialBuild a JavaScript Palindrome Checker - Step by Step Project TutorialBuild a JavaScript Price Range Slider - Step by Step Project TutorialBuild a JavaScript Prime Number Checker - Step by Step Project TutorialBuild a JavaScript QR Code Generator - Step by Step Project TutorialBuild a JavaScript QR Code Scanner - Step by Step Project TutorialBuild a JavaScript Quiz App - Step by Step Project TutorialBuild a JavaScript Random Number Generator - Step by Step TutorialBuild a JavaScript Random Password Generator - Step by Step TutorialJavaScript Image Resize & Compress — Canvas API Project 2026JavaScript Responsive Admin Dashboard — DOM & CSS Project 2026JavaScript Show/Hide Password Toggle — Beginner DOM Project 2026JavaScript Sortable Filterable Table — DOM & Array Methods Project 2026JavaScript Stopwatch Project — setInterval & DOM Tutorial 2026JavaScript Student Grade Calculator — Arrays & Logic Project 2026JavaScript Task Scheduler Project — CRUD & localStorage Tutorial 2026JavaScript Tic-Tac-Toe Game — DOM Manipulation Project Tutorial 2026JavaScript Toast Notification Project — Custom Alerts Tutorial 2026Build a Todo App in JavaScript - Step by Step Project TutorialJavaScript Unicode Character Value Finder — charCodeAt & fromCharCode Project 2026JavaScript Weather App Project — Fetch API & DOM Complete Tutorial 2026JavaScript Cheat Sheet 2026 — Complete Quick ReferenceImportant JavaScript Concepts Every Developer Must Know in 2026JavaScript One Shot Notes 2026 — Complete JS in One PageJavaScript Quick Revision Notes — Interview Prep in 30 Minutes 2026Abstraction in JavaScript OOP – Hide Complexity, Expose SimplicityJavaScript Classes Tutorial – ES6 Class Syntax, Inheritance & MoreJavaScript Constructor Functions – new Keyword, Prototype & OOP PatternsEncapsulation in JavaScript – Private Fields, Getters, Setters & Data ProtectionJavaScript Inheritance – extends, super, and Prototype-Based InheritanceObject-Oriented Programming in JavaScript – OOP Concepts Complete GuideJavaScript OOP Projects – Build Real-World Apps with Classes & OOPPolymorphism in JavaScript – Method Overriding, Duck Typing & Many FormsJavaScript Prototype Chain – How Property Lookup Works in JavaScriptJavaScript Prototypes – Prototype-Based Inheritance, Object.create & prototype PropertyJavaScript Advanced Practice Problems — 15+ Interview-Level Challenges 2026JavaScript Assignments — 10 Project-Based Learning Tasks 2026JavaScript Beginner Practice Problems — 20+ Coding Exercises 2026JavaScript Coding Challenges — 25 Interview-Style Problems 2026JavaScript Intermediate Practice Problems — 20+ Coding Challenges 2026JavaScript MCQs — 50 Multiple Choice Questions with Answers 2026JavaScript Regex Character Classes – [abc], [^abc], Ranges & ShortcutsJavaScript Regex Email Validation – Pattern, Edge Cases & Best PracticesJavaScript Regex Flags – g, i, m, s, u, y Flags Explained with ExamplesJavaScript Regex Groups – Capturing, Non-Capturing & Named GroupsJavaScript Number Validation with Regex — Complete Patterns & Examples 2026JavaScript Password Validation with Regex — Strength Checker & Patterns 2026JavaScript Regex Quantifiers – *, +, ?, {n,m}, Greedy vs Lazy MatchingJavaScript Regex Basics – Regular Expressions Tutorial for BeginnersJavaScript Regex Projects — 10 Practical Mini-Projects with Code 2026JavaScript URL Validation with Regex — Complete Patterns & Examples 2026JavaScript Username Validation with Regex — Patterns & Form Examples 2026JavaScript TutorialJavaScript Lazy Loading — Images, Modules & Components Complete Guide 2026JavaScript Performance Optimization — Speed Up Your Code Complete Guide 2026JavaScript Unit Testing with Jest — Complete Guide for Beginners 2026
Master JavaScript regex character classes: square bracket syntax, negated classes, ranges [a-z], shorthand classes \\d \\w \\s, and real-world pattern examples with interview Q&A.
Character classes let you match any single character from a defined set. Instead of matching one specific character, you define a "menu" of acceptable characters using square brackets [...]. They are the building blocks of almost every regex pattern.
📊 Character Class Visual Reference
Example
CHARACTER CLASS SYNTAX:
─────────────────────────────────────────────────
[abc] → match ONE of: a, b, or c
[^abc] → match ONE character that is NOT a, b, or c
[a-z] → match ONE lowercase letter (a through z)
[A-Z] → match ONE uppercase letter (A through Z)
[0-9] → match ONE digit (0 through 9)
[a-zA-Z] → match ONE letter (upper or lower case)
[a-zA-Z0-9_] → match ONE word character (same as \w)
SHORTHAND CLASSES:
\d = [0-9] digits
\D = [^0-9] non-digits
\w = [a-zA-Z0-9_] word characters
\W = [^a-zA-Z0-9_] non-word characters
\s = [ \t\n\r\f\v] whitespace
\S = [^ \t\n\r\f\v] non-whitespace
💻 Example 1 — Basic Character Classes
Example
// [abc] — match any ONE of these characters
console.log(/[aeiou]/.test("hello")); // true — 'e' is a vowel
console.log(/[aeiou]/.test("gym")); // false — no vowels
console.log("hello world".match(/[aeiou]/g)); // all vowels
// [a-z] — range: any single lowercase letter
console.log(/[a-z]/.test("HELLO")); // false — all uppercase
console.log(/[a-z]/.test("Hello")); // true — 'e','l','l','o' match
console.log(/[a-z]/i.test("HELLO")); // true — i flag makes [a-z] case-insensitive
// [0-9] — any digit
console.log(/[0-9]/.test("Room 42")); // true
console.log(/[0-9]/.test("none")); // false
Output
true false [ 'e', 'o', 'o' ] false true true true false
💻 Example 2 — Negated Classes [^...]
Example
// [^...] — match any character NOT in the set
const text = "Hello, World! 123";
// Remove all non-letters (keep only letters)
console.log(text.replace(/[^a-zA-Z]/g, ""));
// Remove all non-digits (keep only digits)
console.log(text.replace(/[^0-9]/g, ""));
// Remove all non-alphanumeric characters
console.log(text.replace(/[^a-zA-Z0-9]/g, ""));
// Test: no special characters
console.log(/[^a-zA-Z0-9\s]/.test("Hello World")); // false — no special chars
console.log(/[^a-zA-Z0-9\s]/.test("Hello!")); // true — ! is special
Output
HelloWorld 123 HelloWorld123 false true
💻 Example 3 — Combined Ranges and Classes
Example
// Hexadecimal digits: 0-9 and a-f
const isHex = str => /^[0-9a-fA-F]+$/.test(str);
console.log(isHex("FF00AA")); // true
console.log(isHex("ZZZZ")); // false
console.log(isHex("1a2b3c")); // true
// Valid variable names: start with letter/underscore, then word chars
const isValidVar = name => /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(name);
console.log(isValidVar("myVar")); // true
console.log(isValidVar("_private")); // true
console.log(isValidVar("123abc")); // false — starts with digit
console.log(isValidVar("my-var")); // false — hyphen not allowed
// Indian phone: starts with 6, 7, 8, or 9
const isIndianPhone = n => /^[6-9]\d{9}$/.test(n);
console.log(isIndianPhone("9876543210")); // true
console.log(isIndianPhone("1234567890")); // false — starts with 1
Output
true false true true true false false true false
💻 Example 4 — Shorthand vs Explicit Classes
Example
const sample = "Hello, Riya! Phone: 9876543210. Score: 95.5%";
// Shorthand \d — digits (same as [0-9])
console.log(sample.match(/\d+/g));
// Shorthand \w — word characters [a-zA-Z0-9_]
console.log(sample.match(/\w+/g));
// Shorthand \s — whitespace
console.log(sample.split(/\s+/).length); // word count
// \D — non-digits (extract letters and symbols)
console.log("abc123def456".replace(/\D/g, "")); // keep only digits
// \W — non-word chars
console.log("Hello, World!".replace(/\W/g, " ")); // replace non-word with space
Output
[ '9876543210', '95', '5' ] [ 'Hello', 'Riya', 'Phone', '9876543210', 'Score', '95', '5' ] 7 123456 Hello World
💻 Example 5 — Character Classes Inside Complex Patterns
Example
// Password strength check: at least one uppercase, lowercase, digit
function checkPassword(pwd) {
const hasUpper = /[A-Z]/.test(pwd);
const hasLower = /[a-z]/.test(pwd);
const hasDigit = /[0-9]/.test(pwd);
const hasSpecial = /[!@#$%^&*]/.test(pwd);
const isLong = pwd.length >= 8;
const strength = [hasUpper, hasLower, hasDigit, hasSpecial, isLong]
.filter(Boolean).length;
const levels = ["", "Very Weak", "Weak", "Fair", "Strong", "Very Strong"];
return `${levels[strength]} (${strength}/5)`;
}
console.log(checkPassword("password")); // only lower
console.log(checkPassword("Password1")); // upper + lower + digit + length
console.log(checkPassword("P@ssw0rd!")); // all criteria
Output
Weak (2/5) Strong (4/5) Very Strong (5/5)
📋 Character Class Quick Reference
| Class | Meaning | Equivalent |
|---|---|---|
[abc] | a, b, or c | — |
[^abc] | NOT a, b, or c | — |
[a-z] | Any lowercase letter | — |
[A-Z] | Any uppercase letter | — |
[0-9] | Any digit | \d |
[a-zA-Z0-9_] | Word character | \w |
[ \t\n\r] | Whitespace | \s |
[^0-9] | Not a digit | \D |
[^a-zA-Z0-9_] | Not a word char | \W |
⚠️ Common Mistakes
❌ Mistake 1 — Hyphen Not at Start or End (Treated as Range)
Example
// BAD — hyphen in middle treated as a range!
const bad = /[a-z-A-Z]/; // means a-z, hyphen, A-Z (hyphen here is literal)
// To include literal hyphen, put it at start or end:
const good = /[-a-zA-Z]/; // or /[a-zA-Z-]/
❌ Mistake 2 — Dot Inside [] Is Literal
Example
// OUTSIDE [], . = any character
console.log(/./.test("x")); // true
// INSIDE [], . = literal dot
console.log(/[.]/.test("x")); // false — only matches "."
console.log(/[.]/.test(".")); // true
Output
true false true
❌ Mistake 3 — Using [...] When You Need (...)
Example
// [js] matches 'j' OR 's' — not the string "js"!
console.log(/[js]/.test("js")); // true (but for wrong reason — matches 'j' or 's')
console.log(/[js]/.test("x")); // false
// Use (js) or just /js/ for the literal string
console.log(/^[js]$/.test("js")); // false — [js] matches ONE character
Output
true false false
🎯 Key Takeaways
[abc]matches any one character from the set[^abc]matches any one character NOT in the set- Ranges:
[a-z],[A-Z],[0-9]— use hyphen between start and end - Shorthand classes:
\d,\w,\sand their negations\D,\W,\S - Inside
[], most special characters lose their meaning (.is literal dot) - Hyphen
-inside[]must be at start or end to be treated as a literal hyphen
❓ Interview Questions
Q1. What is a character class in regex? > A character class [...] matches any single character from the set inside the brackets. [aeiou] matches any one vowel. [a-z] matches any lowercase letter. The key point: it always matches exactly ONE character.
Q2. What does [^abc] mean? > The caret ^ inside brackets negates the class — it matches any single character that is NOT in the set. [^0-9] matches any non-digit character.
Q3. What is the difference between . and [.]? > Outside brackets, . matches any character except newline. Inside brackets [.], the dot loses its special meaning and matches a literal dot character only.
Q4. How is \d different from [0-9]? > For ASCII text they are equivalent. However, \d with the u flag in Unicode mode can match digits from other scripts (Arabic numerals, etc.), while [0-9] strictly matches only the digits 0-9.
Q5. How do you include a literal hyphen in a character class? > Put it at the beginning [-abc] or end [abc-] of the class. In the middle, a hyphen defines a range — [a-c] means a, b, or c. [-] or [a\-z] (escaped) also works.
Q6. Can you combine ranges and individual characters in one class? > Yes — [a-zA-Z0-9_] combines three ranges and one character. You can mix freely: [a-f0-9!@#] matches hex digits plus three symbols.
Q7. What does \w match? > \w is shorthand for [a-zA-Z0-9_] — letters (upper and lower), digits, and underscore. It does NOT match spaces, hyphens, or other special characters.
Q8. How would you match any character that is NOT a whitespace? > Use \S (capital S) — shorthand for [^\s]. Or explicitly: [^ \t\n\r\f\v]. Useful for extracting words from text.
Exam Focus
Revise definitions, diagrams, examples, and short-answer points for JavaScript Regex Character Classes – [abc], [^abc], Ranges & Shortcuts.
Interview Use
Prepare one clear explanation, one practical example, and one common mistake for this JavaScript Master Course topic.
Search Terms
javascript-complete-guide, javascript master course, javascript, complete, guide, regex, character, classes
Related JavaScript Master Course Topics
Continue learning this concept
RegexJavaScript Regex Email Validation – Pattern, Edge Cases & Best PracticesBuild a JavaScript regex email validator with step-by-step pattern breakdown, valid/invalid edge cases, HTML5 comparison, and real-world form validation function with interview Q&A.RegexJavaScript Regex Flags – g, i, m, s, u, y Flags Explained with ExamplesMaster all JavaScript regex flags: g (global), i (case-insensitive), m (multiline), s (dotAll), u (unicode), y (sticky). With visual examples, common mistakes, and interview Q&A.RegexJavaScript Regex Groups – Capturing, Non-Capturing & Named GroupsMaster JavaScript regex groups: capturing groups (), non-capturing (?:), named groups (?<name>), backreferences, and extracting data from strings. With interview Q&A.RegexJavaScript Number Validation with Regex — Complete Patterns & Examples 2026Master number validation in JavaScript using regex patterns. Learn integer, decimal, phone, currency validation with real examples and outputs.RegexJavaScript Password Validation with Regex — Strength Checker & Patterns 2026Learn password validation regex in JavaScript. Build strength checker, validate patterns with lookaheads, and create real-time password validators.RegexJavaScript Regex Quantifiers – *, +, ?, {n,m}, Greedy vs Lazy MatchingMaster JavaScript regex quantifiers: *, +, ?, {n}, {n,m}, greedy vs lazy matching, possessive, and real-world examples for form validation patterns. Interview Q&A included.