JavaScript Strings Tutorial

HTML5ANDCSS3Tools and Tutorials

JavaScript Strings Tutorial - HTML5ANDCSS3

JavaScript Strings

Written by Swapnil RajaPublished 24 Aug 2026

A JavaScript string holds text, written inside quotes.

Single and double quotes do exactly the same job.

Backticks do something extra, which the next lesson covers.

Example

javascript

const name = "Ada Lovelace";

console.log(name.length);

The output is 12, counting the space.

What is a String?

A string is a sequence of characters.

length tells you how many characters it holds.

Each character has an index, starting at 0.

Syntax

PreviousJavaScript Primitives and References NextJavaScript Template Literals

const text = "hello";
const other = 'hello';

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Strings</title>
</head>
<body>

  <h1>JavaScript Strings</h1>

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

  <script>
    const name = "Ada Lovelace";

    document.getElementById("out").innerHTML =
      "Text: " + name +
      "<br>Length: " + name.length +
      "<br>First letter: " + name[0] +
      "<br>Last letter: " + name.at(-1);
  </script>

</body>
</html>

JavaScript Strings

Example

What is a String?

Syntax

Quotes Inside Quotes

Example

Reading a Character

Example

Counting Characters

Example

Strings Cannot Be Changed

Example

Empty and Whitespace

Example

Complete Example

Try It Yourself

Important Points

Conclusion