Introduction

The length of a string refers to the total number of characters it contains. Every letter, number, symbol, punctuation mark, and even whitespace (spaces, tabs, and line breaks) counts as a character.

JavaScript provides a built-in length property that returns the number of characters in a string.

The length property is one of the most frequently used string properties in JavaScript. It helps developers validate user input, process text, iterate through characters, and perform various string operations.

For automation engineers, the length property is commonly used to validate usernames, passwords, OTPs, URLs, API responses, file names, and other text values.

What is the `length` Property?

The length property returns the total number of characters in a string.

Unlike methods such as toUpperCase() or slice(), length is a property, so it is accessed without parentheses.

Syntax

string.length

Why Do We Use the `length` Property?

The length property helps developers:

Count characters in a string.
Validate user input.
Check password length.
Verify OTP length.
Iterate through strings.
Perform string manipulation.

Basic Example

let language = "JavaScript";

console.log(language.length);

Output

The word “JavaScript” contains 10 characters.

Counting Characters Including Spaces

Spaces are also counted.

let message = "Hello World";

console.log(message.length);

Output

The space between Hello and World counts as one character.

Empty String Length

let text = "";

console.log(text.length);

Output

An empty string contains zero characters.

String Containing Numbers

let mobile = "9876543210";

console.log(mobile.length);

Output

Although the string contains numbers, the length property counts them as characters.

String with Special Characters

let password = "@dm!n123";

console.log(password.length);

Output

Special characters are also included in the count.

Real-World Example

Suppose a website requires a 6-digit OTP.

let otp = "452671";

console.log(otp.length);

Output

Another example:

let username = "john_doe";

console.log(username.length);

Output

Using `length` in Conditions

You can validate input using the length property.

let password = "admin123";

if (password.length >= 8) {

    console.log("Strong Password");

}
else {

    console.log("Weak Password");

}

Output

Strong Password

Using `length` in Loops

The length property is commonly used with loops.

let word = "Hello";

for (let i = 0; i < word.length; i++) {

    console.log(word[i]);

}

Output

H
e
l
l
o

Automation Testing Example

Automation engineers frequently use the length property to validate text values in automation scripts.

Playwright Example

Verify the length of page title.

const title = await page.title();

console.log(title.length);

Selenium Example

Validate username length.

const username = "admin";

if (username.length >= 5) {

    console.log("Valid Username");

}

Output

Valid Username

Cypress Example

Validate input value length.

const email = "user@example.com";

console.log(email.length);

API Testing Example

Check the length of a response message.

const response = {

    message: "Success"

};

console.log(response.message.length);

Output

Data-Driven Testing Example

Validate test data.

const usernames = [

    "admin",

    "tester",

    "manager"

];

for (const username of usernames) {

    console.log(`${username} : ${username.length}`);

}

Output

admin : 5
tester : 6
manager : 7

Common Mistakes

Using Parentheses with `length`

Incorrect:

let text = "Hello";

console.log(text.length());

This causes an error because length is a property, not a function.

Correct:

console.log(text.length);

Forgetting That Spaces Count

let message = "Hello World";

Many beginners expect the length to be 10, but it is actually 11 because the space is counted.

Confusing String Length with Array Length

Strings and arrays both use the length property, but they represent different things.

let text = "Java";

console.log(text.length);

returns the number of characters.

let numbers = [1, 2, 3];

console.log(numbers.length);

returns the number of array elements.

Best Practices

Use `length` for Input Validation

Validate usernames, passwords, and OTPs before processing them.

Remember That Spaces Count

If spaces should not be counted, remove them first using string methods such as trim() or replace().

Use `length` in Loops

Instead of hardcoding loop limits, use the length property.

for (let i = 0; i < text.length; i++) {

    console.log(text[i]);

}

Avoid Using Parentheses

Always write:

text.length

Not:

text.length()

Conclusion

The length property is one of the most important features of JavaScript strings. It allows developers to determine the number of characters in a string quickly and efficiently. Since spaces, numbers, symbols, and special characters are all counted, the length property is extremely useful for validation and text processing.

For automation engineers, the length property is essential when validating user inputs, checking API responses, processing test data, verifying OTPs, and performing browser-based validations.

Frequently Asked Questions (FAQs)