Strings & Template Literals

Strings are one of the most commonly used data types. Let's master working with text in JavaScript!

1. What are Strings? 📝

What is it? A string is a sequence of characters used to represent text.

Why use it? To store names, messages, addresses, HTML content, and any other textual data.

How it works: You can create strings using single quotes ('), double quotes ("), or backticks (`).

2. String Immutability 🔒

Crucial Concept: Strings in JavaScript are immutable.

What does this mean? Once a string is created, it cannot be changed. You can only create new strings.

Why does this matter? String methods never change the original string; they always return a new one.

3. Template Literals (Backticks) 🎯

What are they? A modern way to create strings using backticks (`).

Why use them?

• Interpolation: Embed variables directly with ${}.
• Multi-line: Write strings across multiple lines easily.

4. Essential String Methods 🔧

JavaScript provides many built-in methods to manipulate strings.

Searching & Checking

• indexOf(substr): Returns index of first match (or -1).
• includes(substr): Returns true if found.
• startsWith(substr): Returns true if it starts with substring.
• endsWith(substr): Returns true if it ends with substring.

Extracting

• slice(start, end): Extracts a part of the string.
• substring(start, end): Similar to slice.
• split(separator): Splits string into an array.

Modifying (Returns New String)

• toUpperCase(), toLowerCase()
• trim(): Removes whitespace from both ends.
• replace(search, replace): Replaces first match.
• replaceAll(search, replace): Replaces all matches.

5. Escape Characters 🚪

Sometimes you need to use special characters inside a string. Use the backslash \ to escape them.

• \': Single quote
• \": Double quote
• \\: Backslash
• \n: New line
• \t: Tab

Practical Example: URL Slug Generator 🐌

Let's build a function that converts a post title into a URL-friendly slug. Example: "Hello World!" -> "hello-world"

Quiz

Key Takeaways

✅ Strings are Immutable: Methods return new strings, they don't change the original.
✅ Template Literals: Use backticks and ${} for cleaner code.
✅ Methods: .trim(), .toUpperCase(), .includes(), .slice() are essential.
✅ Escape Characters: Use \ for special characters like newlines (\n).

What's Next?

Now that you can manipulate text, let's learn about Conditionals to make decisions in your code!

Keep coding! 🚀