JS String Methods

JavaScript String Methods: Extracting, Cleaning, and Splitting Text

JavaScript string methods transform, trim, slice, and split text while always returning a brand-new string. Because strings are immutable, none of these methods change the original string variable.

Essential String Methods Reference

Practical String Normalization Example

Real applications frequently clean form inputs and convert raw CSV lines into structured arrays.

const rawEmail = "  [email protected]  ";
const cleanEmail = rawEmail.trim().toLowerCase();

const tagsCsv = "javascript, es6, dom, async";
const tagList = tagsCsv.split(",").map((tag) => tag.trim());

const slug = "Learn JavaScript Basics".toLowerCase().replaceAll(" ", "-");

console.log({ cleanEmail, tagList, slug });

Why slice() Beats substr() and substring()

Avoid legacy substr(), which is deprecated in modern specifications and behaves inconsistently across edge cases. Prefer slice(start, end) over substring(), because slice() accepts negative offsets like str.slice(-4) to grab characters from the end without swapping arguments silently.

You can also chain string methods cleanly from left to right. Each call returns a fresh string, so the next method in the chain works immediately on the updated output.

Common Mistakes to Avoid

• Expecting str.trim() to mutate str: Writing email.trim(); without assigning the returned string discards the trimmed result.
• Using replace() for all occurrences: text.replace("-", "_") replaces only the first match when given a string. Use replaceAll() (ES2021) to replace every match.
• Splitting an empty string without checking: "".split(",") returns [""] (an array with one empty string), not [].

Frequently Asked Questions

How do I capitalize only the first letter of a word?

Combine indexing or slice(): word ? word[0].toUpperCase() + word.slice(1) : "". Checking for an empty string prevents "undefined" or errors.

What is the difference between trimStart() and trimEnd()?

trimStart() removes whitespace only from the beginning of a string, while trimEnd() removes whitespace only from the end.

How do I repeat a string multiple times?

Call str.repeat(count), such as "-".repeat(10), instead of writing a for loop.