Tutorial Gateway

JavaScript CharAt

by

ChartAt()

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

TIP: The index position of the ChartAt() 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 a desired character.

Return Value

ChartAt() Function returns the Character from String_Object at specified Index_Position. If we specify the Index position out of range then, ChartAt() Function returns 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 following statement

var Str_Original = "Tutorial GateWay";

Following statement will find the Character at index position 9, and it will be G.

var Str_Extracted = Str_Original.charAt(9);

NOTE: You should 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);

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 at 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);

From the below screenshot you can observe that, it is returning empty string.

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