How to Add New Lines in JavaScript?

Adding a New Line in JavaScript

Adding new lines in texts is a common issue for many of us for readability or formatting outputs, and in JavaScript it can be done in several ways. So now how do we actually do this, well with multiple techniques and methods such as using escape sequences, ES6 template literals, built-in functions, console log and document write method.

Here are a few of the most common ways:

Using Escape Sequence

JavaScript uses the escape sequence \n to indicate that we want to write a new line in the string. This is inline within a string, and the ends up telling the JavaScript interpreter that it will break the content into a new line. It will work in your alerts and console logs with these methods.

Code:

Output:

Calling Console log method

Calling console.log() without any argument just adds a new line to the console. It is especially useful to separate different outputs by adding space in between for easy viewing.

Code:

Output:

Using document.write()

The document.write() method is often used to write directly to the HTML document. This approach uses HTML tag to add a new line.

Code:

Output:

Using JavaScript document.writeln() Method

The document.writeln() method is known in a similar way as document.write() method and this method also adds an end-of-line character after the command you call, so it could be useful for printing output in line-per-line outputs.

Code:

Output:

Conclusion

In JavaScript, there are different methods to add new lines based on the situation. Output splitting can be achieved in various ways in JavaScript, using escape sequences, template literals, or any method manipulating the DOM so choose a method that works best for you.