JavaScript Strings

Table of Contents

• Intro
• Creating Strings
• Template Literals
• String Length
• Accessing Characters
• Common String Methods
• String Concatenation
• Trimming Spaces
• Splitting Strings
• Visual Understanding
• Real-Life Example
• Important Tips
• When to Use Strings
• String Important Functions
• Interview Q&A
• MCQ

JavaScript Strings Tutorial (Beginner -> Practical)

Strings are used to store and manipulate text in JavaScript. They are one of the most frequently used data types when working with user input, messages, and data display.

1. Creating Strings

You can create strings using single quotes, double quotes, or backticks.

let str1 = "Hello";
let str2 = 'World';
let str3 = `JavaScript`;

All three are valid, but backticks have extra features.

2. Template Literals (Backticks)

Template literals allow you to embed variables and expressions.

let name = "John";
let message = `Hello ${name}`;

console.log(message);

This is cleaner than using + for concatenation.

3. String Length

let text = "JavaScript";

console.log(text.length); // 10

4. Accessing Characters

let text = "Hello";

console.log(text[0]); // H
console.log(text[1]); // e

5. Common String Methods

let text = "JavaScript";

// Convert case
console.log(text.toUpperCase());
console.log(text.toLowerCase());

// Find text
console.log(text.includes("Script")); // true
console.log(text.indexOf("Script"));  // 4

// Extract part
console.log(text.slice(0, 4)); // Java

// Replace
console.log(text.replace("Java", "Type"));

6. String Concatenation

let first = "Hello";
let second = "World";

let result = first + " " + second;
console.log(result);

// Better way
let result2 = `${first} ${second}`;

7. Trimming Spaces

let text = "   Hello   ";

console.log(text.trim()); // "Hello"

8. Splitting Strings

Convert string into array.

let text = "apple,banana,mango";

let arr = text.split(",");
console.log(arr);

9. Visual Understanding

Think of strings as indexed character sequences (0, 1, 2...). Most methods return a new string instead of changing the original.

10. Real-Life Example

let email = " user@example.com ";

email = email.trim();

if (email.includes("@")) {
    console.log("Valid Email");
} else {
    console.log("Invalid Email");
}

11. Important Tips

• Strings are immutable (you cannot change characters directly).
• Use methods like replace() to modify output safely.
• Example: let text = "Hello"; text[0] = "Y"; will not change original string.

12. When to Use Strings

Strings are used for names, messages, user input, URLs, emails, and display content.

JavaScript String Important Functions (Quick Reference Table)

Common string methods for tutorials, revision, and interview prep.

let text = " JavaScript ";

console.log(text.trim());        // "JavaScript"
console.log(text.toUpperCase()); // " JAVASCRIPT "
console.log(text.includes("Script")); // true
console.log(text.slice(1, 5));   // "Java"

Related Topics

Data Types, Arrays, and Functions are commonly combined with string processing in real projects.

10 Strings Interview Q&A

10 Strings MCQs