Tutorial Gateway

JavaScript CharAt

by

JavaScript CharAt method is used to return the Character at a specified index position. In this article, we will show you, How to write CharAt in JavaScript Programming with an example.

TIP: The index position of the ChartAt JavaScript Function will start from 0, Not 1.

JavaScript CharAt Syntax

The basic syntax of the JavaScript CharAt function is as shown below:

String_Object.CharAt(Index_Position)
  • String_Object: Please select the valid String Object.
  • Index_Position: Please specify 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 then, ChartAt Function returns an empty string.

JavaScript CharAt Example

The following set of examples will help you understand the JavaScript ChartAt Function.

JAVASCRIPT CODE

<!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>

OUTPUT

JavaScript CharAt

ANALYSIS

Within the Script tag, First, we declared the String variable and assigned a value using the following statement

var Str_Original = "Tutorial GateWay";

The following statement 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 len function to calculate the string length.

var Str_Extracted1 = Str_Original.charAt(Str_Original.length - 1);

From the above statement, you can observe that we are subtracting one from string length because, length of a Str_Original is 16 and we all know that, there is no character in the index position 16. Let us see, what will happen when we select the index position as 16

var Str_Extracted2 = Str_Original.charAt(Str_Original.length);

Above JavaScript CharAt statement returns an 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;

Below statement will write the content output to respective Browser.

document.write("Charcter at Index position 9 = " + Str_Extracted);

Thank You for Visiting Our Blog