Tutorial Gateway

JavaScript CharAt

by

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>

OUTPUT

JavaScript CharAt

ANALYSIS

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