Strings in JavaScript are used to store a sequence of characters or text. They are also used to manipulate text. Strings are stored inside quotes. You can store them in single or double-quotes.
Example:
// double quotes
var name = "John Doe";
//single quotes
var gender = "male";
console.log("Name: ", name);
console.log("Gender: ", gender);Output:
Name: John Doe
Gender: male
You can also use quotes inside strings.
Example:
var str1 = '"JavaScript" is one of the popular programming languages.';
var str2 = "It's easy to learn.";
console.log(str1, str2);Output:
“JavaScript” is one of the popular programming languages. It’s easy to learn.
Strings as Objects:
You can create strings in JavaScript using literals. But, you can also create strings defined as strings by using the keyword “new”.
Example:
var language = new String("JavaScript");**Note:
If you create a string using literal then the type will be a string. But, if you create string defined as object then the type will object.
Creating strings using objects is not a good practice. It affects the execution of code. Code execution will be slow. So, create strings using literals.
Long Code Line breaking:
For readability purposes, it’s good to break long code lines. If the string is long and you break it by pressing enter then JavaScript will give the error. There are several ways to break long code lines.
- You can break the long code line by breaking text string using a single backslash. But using this method for long code lines is not good practice. It is not supported by some browsers.
- You can break the long code line by breaking a string using string addition.
- If you want to break the single long code line into multiple lines. You can break it after the operator.
- Using template literals you can break the long string.
You can refer code below for above long code lines breaking methods.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Strings in JavaScript</title>
</head>
<body>
<div id="demo1"></div>
<div id="demo2"></div>
<div id="demo3"></div>
<div id="demo4"></div>
<script>
document.getElementById("demo1").innerHTML = "Hello \
World.";
document.getElementById("demo2").innerHTML = "Hello " +
"World.";
document.getElementById("demo3").innerHTML =
"Hello World.";
document.getElementById("demo4").innerHTML = `Hello
World.`;
</script>
</body>
</html>Output:
Hello World.
Hello World.
Hello World.
Hello World.
Conclusion:
From this tutorial, you learned how to create strings in JavaScript. You also learned how to break long lines of code or string.
Additional Links:
String methods and properties in JavaScript
