JavaScript toString Function: How it Works with Examples

The toString function in JavaScript converts a value to a string form without change. It works on numbers, arrays, and objects to show a readable text form of the value.

Understand the toString Function in JavaScript

The toString function converts the data of a variable to its string form. It returns a text version of the value that you can see or store.

Here is the syntax:

value.toString();

You write it like this to avoid errors.

The toString function reads the value and returns its text form. This allows you to display the value or join it with other text.

The toString function converts a number to a text value. This lets you show the number as text or build new strings with it. It also converts an array to a text value of its items.

The Difference Between String() and toString()

String(value) creates a new string from the value. The value.toString() calls the method on the value itself.

Here is a table shows you key differences:

Use String(value) for any type without risk of error. Use value.toString() for normal values like numbers, arrays, or objects.

Examples

Convert a Number to Text:

let num = 255;
let text = num.toString();
console.log(text);

This converts the number 255 to its text form so you can display it as a string.

Convert an Array to Text:

let items = [10, 20, 30];
let text = items.toString();
console.log(text);

This converts the array to one text line of items so you can store or show it.

Custom toString on an Object:

let user = {
  name: "Ali",
  toString: function() {
    return "User: " + this.name;
  }
};
console.log(user.toString());

This defines a custom toString method on an object so it returns a custom text form.

String() vs toString():

let value = null;
console.log(String(value)); // "null"
console.log(value.toString()); // error

This shows that String() works on null but toString() fails on null and throws an error.

Wrapping Up

You learned what the JavaScript toString function does and how to use it.

Here is a quick recap:

• The toString converts numbers, arrays, or objects to text form.
• String() works on any type, even null or undefined.
• Custom toString gives a special text form for your own objects.

FAQs

let num = 50;  
console.log(num.toString());  
// Output: "50"

let num = 123;  
let str = num.toString();  
console.log(typeof str);  
// Output: "string"

console.log(String(null));  
// Output: "null"  

console.log(null.toString());  
// Error: Cannot read properties of null

let arr = [1, 2, 3];  
console.log(arr.toString());  
// Output: "1,2,3"

Similar Reads