JavaScript String Immutability

Written by Swapnil RajaPublished 24 Aug 2026

Strings cannot be changed; every method returns a new one.

This is the single rule behind the most common string mistake.

Calling a method and ignoring the result does nothing at all.

Example

javascript

let text = "hello";

text.toUpperCase();

console.log(text);

The output is hello: the result was thrown away.

What Immutable Means

The characters of a string can never be modified.

Every method returns a brand new string.

To keep the result, assign it or use it straight away.

PreviousJavaScript String Comparison NextJavaScript Numbers

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript String Immutability</title>
</head>
<body>

  <h1>String Immutability</h1>

  <p id="out"></p>

  <script>
    let text = "hello";

    text.toUpperCase();
    const ignored = text;

    text = text.toUpperCase();

    document.getElementById("out").innerHTML =
      "Result ignored: " + ignored +
      "<br>Result assigned: " + text +
      "<br>Chained: " + "  Ada Lovelace  ".trim().replace(" ", "-");
  </script>

</body>
</html>

JavaScript String Immutability

Example

What Immutable Means

Syntax

Assigning to a Position Fails

Example

Keeping the Result

Example

Chaining Works Because of This

Example

Changing One Character

Example

Building Strings Efficiently

Example

Complete Example

Try It Yourself

Important Points

Conclusion