Skip to content
Related Articles

Related Articles

JavaScript Strings

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 24 Nov, 2022
Improve Article
Save Article

JavaScript strings are used for storing and manipulating text. It can contain zero or more characters within quotes.

Syntax:

var string_name=".."

Example:  

Javascript




<p id="GFG"></p>
 
<!-- Script to store string in variable -->
<script>
    // String written inside quotes
    var x = "Welcome to GeeksforGeeks!";
    document.getElementById("GFG").innerHTML = x;
</script>


Output:

Welcome to GeeksforGeeks! 

Methods to implement strings: There are mainly two methods to implementing strings which are listed below.

Example 1: Use either single or double quotes to write strings. 

javascript




<p id="GFG"></p>
 
<!-- Script to initialize string -->
<script>
    var x = "GeeksforGeeks";
    var y = 'A computer science portal';
     
    document.getElementById("GFG").innerHTML =
                x + "<br>" + y;
</script>


Output:

GeeksforGeeks
A computer science portal

Example 2: Quotes can be used inside a string, as long as they don’t match the quotes surrounding the string. 

javascript




<p id="GFG"></p>
 
<script>
    var x = "'GeeksforGeeks'";
    var y = "A 'computer' 'science' portal";
     
    document.getElementById("GFG").innerHTML =
        x + "<br>" + y;
</script>


Output: 

'GeeksforGeeks'
A 'computer' 'science' portal

Special characters: As stated above, the special character can’t use the same type of quotes within a string, but there is a solution. It uses the backslash escape character. The backslash ‘\’ escape character turns special characters into normal string characters. The sequence (\”) is used to insert a double quote in a string.

Example: 

javascript




<p id="GFG"></p>
 
<!-- Script to use special character -->
<script>
    var x = "\"GeeksforGeeks\" A \'computer science\' portal";
     
    document.getElementById("GFG").innerHTML = x;
</script>


Output:

"GeeksforGeeks" A 'computer science' portal

Example: String can also be written within a single quote. 

javascript




<p id="GFG"></p>
 
<!-- Script to use special character -->
<script>
    var x = '\"GeeksforGeeks\" A \'computer science\' portal';
     
    document.getElementById("GFG").innerHTML = x;
</script>


Output:

"GeeksforGeeks" A 'computer science' portal

String Length: The length of a string can be found using the length property. 

Example: 

javascript




<p id="GFG"></p>
 
<!-- Script to return the length of string -->
<script>
    var string = "GeeksforGeeks";
     
    // Returns the length of string
    document.getElementById("GFG").innerHTML
            = string.length;
</script>


Output:

13 

String Breaking: Sometimes we need to divide the string for ease of understanding, the symbol \ can be used but it is not preferred. The preferred method is to use the + symbol between the two strings. 

Example: 

javascript




<p id="GFG"></p>
 
<!-- Script to break the line -->
<script>
    document.getElementById("GFG").innerHTML = "Welcome"
                + " to GeeksforGeeks!";
</script>


Output:

Welcome to GeeksforGeeks! 

Strings As Objects: Strings can be used as objects by using the keyword ‘new’. 

Example: 

javascript




<p id="GFG"></p>
 
<!-- Script to use string as object -->
<script>
    // Declare a string
    var x = "Great Geek";   
     
    // Declare an object
    var y = new String("Great Geek");
     
    document.getElementById("GFG").innerHTML =
            typeof x + "<br>" + typeof y;
</script>


Output:

string
object

Supported Browsers:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 3 and above
  • Opera 3 and above
  • Safari 1 and above

We have a Cheat Sheet on JavaScript where we covered all the important topics of JavaScript to check those please go through JavaScript Cheat Sheet – A Basic Guide to JavaScript.


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!