JavaScript CharAt method returns the character at a specified index position. The JavaScript CharAt function index position will start from 0, Not 1. Let me show you the syntax of the JavaScript CharAt function
String_Object.CharAt(Index_Position)
- String_Object: Please select the valid String Object.
- Index_Position: Provide the index position of the desired character.
Return Value: ChartAt Function in Javascript returns the Character from String_Object at specified Index_Position. If we specify the Index position out of range, ChartAt Function returns an empty string.
JavaScript CharAt Example
The following set of examples will help you understand the JavaScript ChartAt Function.
<!DOCTYPE html> <html> <head> <title> JavaScript CharAt </title> </head> <body> <p id= "Content1">Content 1</p> <p id= "Content2">Content 3</p> <p id= "Content3">Content 2</p> <script> var Str_Original = "Tutorial GateWay"; var Str_Extracted = Str_Original.charAt(9); var Str_Extracted1 = Str_Original.charAt(Str_Original.length - 1); var Str_Extracted2 = Str_Original.charAt(Str_Original.length); document.getElementById("Content1").innerHTML = "Charcter at Index position 9 = " + Str_Extracted; document.getElementById("Content2").innerHTML = "Charcter at Index position 15 = " + Str_Extracted1; document.getElementById("Content3").innerHTML = "Charcter at Index position 16 = " + Str_Extracted2; document.write("Charcter at Index position 9 = " + Str_Extracted); </script> </body> </html>
First, we declared the String variable and assigned a value using the following statement
var Str_Original = "Tutorial GateWay";
It will find the Character at index position 9, and it will be G.
var Str_Extracted = Str_Original.charAt(9);
NOTE: JavaScript charat function count the space as One Character.
In the next line, we are using the JavaScript len function to calculate the string length.
var Str_Extracted1 = Str_Original.charAt(Str_Original.length - 1);
In the above statement, we are subtracting one from string length because, length of a Str_Original is 16, and there is no character in the index position 16. Let us see the result when we choose the index position as 16
var Str_Extracted2 = Str_Original.charAt(Str_Original.length);
The above JavaScript Character At statement returns the empty string. The following statements will place the content in the respective paragraphs
document.getElementById("Content1").innerHTML = "Charcter at Index position 9 = " + Str_Extracted; document.getElementById("Content2").innerHTML = "Charcter at Index position 15 = " + Str_Extracted1; document.getElementById("Content3").innerHTML = "Charcter at Index position 16 = " + Str_Extracted2;