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
Complete JavaScript string methods guide: toUpperCase, toLowerCase, trim, slice, split, join, padStart, repeat, at(), and all essential methods with examples and output blocks.
How String Methods Work
Every string in JavaScript has access to a set of built-in methods from String.prototype. They all share one important rule:
String methods never modify the original string. They always return a new string (or other value). Strings are immutable.
text example
"hello".toUpperCase()
↓
Returns a NEW string: "HELLO"
Original "hello" is untouched.Case Conversion
toUpperCase() and toLowerCase()
js example
const message = "Hello, JavaScript World!";
console.log(message.toUpperCase());
console.log(message.toLowerCase());
console.log(message); // original unchangedOutput
HELLO, JAVASCRIPT WORLD! hello, javascript world! Hello, JavaScript World!
Practical: Case-insensitive comparison
js example
const userInput = " JaVaScRiPt ";
const keyword = "javascript";
const isMatch = userInput.trim().toLowerCase() === keyword;
console.log(isMatch);Output
true
Whitespace Removal
trim(), trimStart(), trimEnd()
js example
const raw = " Hello, World! ";
console.log(`|${raw.trim()}|`);
console.log(`|${raw.trimStart()}|`);
console.log(`|${raw.trimEnd()}|`);Output
|Hello, World!| |Hello, World! | | Hello, World!|
text example
Visual:
" Hello, World! "
^^^ ^^^
trimStart() trimEnd()
removes these removes these
trim() removes BOTH sidesString Extraction — slice()
slice(start, end) extracts a portion of the string. Does not include the character at end index.
js example
const str = "JavaScript";
// 0123456789
console.log(str.slice(0, 4)); // from 0 up to (not including) 4
console.log(str.slice(4)); // from index 4 to end
console.log(str.slice(-6)); // last 6 characters
console.log(str.slice(0, -6)); // all except last 6
console.log(str.slice(4, 6)); // chars at index 4 and 5Output
Java Script Script Java Sc
text example
"JavaScript"
0123456789
slice(0, 4) → J a v a
0 1 2 3 (stops before index 4)
slice(-6) → S c r i p t
4 5 6 7 8 9 (last 6 characters)substring() vs slice()
js example
const text = "Hello World";
// Both work the same for positive indices
console.log(text.slice(0, 5));
console.log(text.substring(0, 5));
// Difference: negative indices
console.log(text.slice(-5)); // "World" — negative works
console.log(text.substring(-5)); // "Hello World" — treats -5 as 0Output
Hello Hello World Hello World
| Feature | slice(start, end) | substring(start, end) |
|---|---|---|
| Negative indices | ✅ Supported (counts from end) | ❌ Treated as 0 |
| Auto-swap args if start > end | ❌ Returns empty | ✅ Swaps them |
| Recommendation | ✅ Prefer this | ⚠️ Legacy |
at() — Modern Index Access (ES2022)
js example
const lang = "JavaScript";
console.log(lang.at(0)); // first character
console.log(lang.at(-1)); // last character (clean!)
console.log(lang.at(-3)); // third from endOutput
J t i
at(-1)is much cleaner thanstr[str.length - 1]for the last character.
split() — String to Array
js example
// Split by a delimiter
const sentence = "JavaScript is awesome and fun";
const words = sentence.split(" ");
console.log(words);
console.log(words.length);
// Split each character
const chars = "Hello".split("");
console.log(chars);
// Split with limit
const limited = "a,b,c,d,e".split(",", 3);
console.log(limited);Output
[ 'JavaScript', 'is', 'awesome', 'and', 'fun' ] 5 [ 'H', 'e', 'l', 'l', 'o' ] [ 'a', 'b', 'c' ]
Reverse a string using split
js example
const word = "JavaScript";
const reversed = word.split("").reverse().join("");
console.log(reversed);Output
tpircSavaJ
padStart() and padEnd()
Used to pad a string to a minimum length — great for formatting.
Example
// Left-pad number with zeros (like invoice numbers)
const invoiceNum = "42";
console.log(invoiceNum.padStart(6, "0"));
// Right-pad for aligned table output
const names = ["Ali", "Priya", "Christopher"];
names.forEach(name => {
console.log(name.padEnd(15, ".") + "done");
});
Output
000042 Ali............done Priya..........done Christopher....done
repeat()
Example
const separator = "-".repeat(30);
console.log(separator);
const star = "⭐".repeat(5);
console.log(star);
// Build a loading bar
function loadingBar(percent) {
const filled = "█".repeat(Math.floor(percent / 10));
const empty = "░".repeat(10 - Math.floor(percent / 10));
return `[${filled}${empty}] ${percent}%`;
}
console.log(loadingBar(30));
console.log(loadingBar(70));
console.log(loadingBar(100));
Output
------------------------------ ⭐⭐⭐⭐⭐ [███░░░░░░░] 30% [███████░░░] 70% [██████████] 100%
toString() and String()
Example
const num = 42;
const bool = true;
const arr = [1, 2, 3];
console.log(num.toString()); // "42"
console.log(num.toString(2)); // binary: "101010"
console.log(num.toString(16)); // hex: "2a"
console.log(bool.toString()); // "true"
// String() works on null and undefined too
console.log(String(null)); // "null"
console.log(String(undefined)); // "undefined"
// null.toString() would throw TypeError
Output
42 101010 2a true null undefined
Method Chaining
Multiple methods can be chained — each returns a new string:
js example
const raw = " HELLO, JAVASCRIPT WORLD! ";
const processed = raw
.trim()
.toLowerCase()
.replace("javascript", "JS");
console.log(processed);Output
hello, js world!
text example
Chain execution:
" HELLO, JAVASCRIPT WORLD! "
↓ .trim()
"HELLO, JAVASCRIPT WORLD!"
↓ .toLowerCase()
"hello, javascript world!"
↓ .replace()
"hello, js world!"All String Methods — Quick Reference Table
| Method | What it does | Returns |
|---|---|---|
toUpperCase() | Convert to uppercase | String |
toLowerCase() | Convert to lowercase | String |
trim() | Remove leading/trailing whitespace | String |
trimStart() | Remove leading whitespace | String |
trimEnd() | Remove trailing whitespace | String |
slice(s, e) | Extract substring (supports negative) | String |
substring(s, e) | Extract substring (no negative) | String |
at(n) | Get char at index (supports negative) | String |
charAt(n) | Get char at index | String |
split(delim) | Split into array | Array |
padStart(n, ch) | Pad start to length n | String |
padEnd(n, ch) | Pad end to length n | String |
repeat(n) | Repeat string n times | String |
toString() | Convert to string | String |
concat(...strs) | Join strings | String |
includes(str) | Check if contains | Boolean |
startsWith(str) | Check if starts with | Boolean |
endsWith(str) | Check if ends with | Boolean |
indexOf(str) | Find first position | Number |
lastIndexOf(str) | Find last position | Number |
replace(old, new) | Replace first match | String |
replaceAll(old, new) | Replace all matches | String |
Common Mistakes ❌
1. Forgetting strings are immutable
js example
// ❌ Wrong — ignoring the return value
let name = " riya sharma ";
name.trim(); // result is discarded!
console.log(name); // " riya sharma " (unchanged)
// ✅ Correct — capture the result
name = name.trim();
console.log(name); // "riya sharma"2. slice vs substring with negative indices
js example
const s = "JavaScript";
// ❌ Using substring expecting negative to work like slice
console.log(s.substring(-4)); // "JavaScript" — not "ipt"!
// ✅ Use slice for negative indices
console.log(s.slice(-4)); // "ipt" (last 4)3. split("") vs split() behavior difference
Example
const str = "hello";
console.log(str.split("")); // ['h','e','l','l','o'] — by character
console.log(str.split()); // ['hello'] — no split, whole string in array
Interview Questions 🎯
Q1. What does trim() do and what are its variants? > trim() removes whitespace from both ends. trimStart() removes from the left only; trimEnd() from the right only.
Q2. What is the difference between slice() and substring()? > Both extract a substring. slice() supports negative indices (count from end). substring() treats negative indices as 0 and swaps arguments if start > end. Prefer slice().
Q3. How do you reverse a string in JavaScript? > str.split("").reverse().join("") — split into characters, reverse the array, join back.
Q4. What does padStart() do and give a real use case? > It pads the beginning of a string with a fill character until it reaches a target length. Use case: formatting invoice numbers as 000042 from just 42.
Q5. Do string methods mutate the original string? > Never. All string methods return new values. Strings are immutable — you must capture the return value.
Q6. What is the at() method and why is it useful? > at(index) returns the character at the given index, supporting negative indices. str.at(-1) cleanly gets the last character without str[str.length - 1].
Q7. What does split("") return for an empty string? > An empty array []. "".split("") returns [], not [""].
Key Takeaways 🏁
- All string methods return new strings — the original is always preserved
trim()is essential for cleaning user inputslice(start, end)is the go-to for extraction — supports negative indicesat(-1)is the modern, clean way to get the last charactersplit(delim)converts string to array;join(delim)does the reversepadStart/padEndare great for consistent-width number formatting- Method chaining makes complex transformations readable
Exam Focus
Revise definitions, diagrams, examples, and short-answer points for JavaScript String Methods - Complete Reference with Examples & Output.
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, strings, string, methods
Related JavaScript Master Course Topics
Continue learning this concept
StringsJavaScript String Basics - Complete Guide to Strings with ExamplesMaster JavaScript string fundamentals: creation, indexing, immutability, length, escape characters, string comparison, and core concepts with visual diagrams and examples.StringsJavaScript String Programs - Practice Problems with SolutionsSolve JavaScript string programs: palindrome, anagram, reverse, capitalize, count vowels, remove duplicates, and common coding interview string problems with complete solutions.StringsJavaScript String Replacing - replace(), replaceAll() & Regex Patterns GuideMaster JavaScript string replacing: replace(), replaceAll(), regex patterns, capture groups, callback replacer functions, and real-world text transformation examples.StringsJavaScript String Searching Methods - includes, indexOf, startsWith, match GuideMaster JavaScript string searching: includes(), indexOf(), lastIndexOf(), startsWith(), endsWith(), search(), match() with visual comparisons and real-world examples.StringsJavaScript Template Literals (ES6) - Complete Guide with Tagged TemplatesMaster JavaScript template literals: string interpolation, multi-line strings, expressions, nested templates, tagged templates, and real-world HTML generation examples.ArraysJavaScript Array Methods - Complete Reference Guide with ExamplesComprehensive guide to all JavaScript array methods: push, pop, splice, slice, sort, flat, map, filter, reduce, ES2023 methods with examples, outputs, and performance tips.