- JavaScript Basics
- JavaScript Tutorial
- JavaScript: where to write
- JavaScript: how to display
- JavaScript: keywords
- JavaScript: comments
- JavaScript: variables
- JavaScript: operators
- JavaScript: data types
- JavaScript Conditional Statements
- JavaScript: if-else
- JavaScript: switch
- JavaScript: for loop
- JavaScript: while loop
- JavaScript: do-while loop
- JavaScript: break and continue
- JavaScript Popup Boxes
- JavaScript: alert box
- JavaScript: confirm box
- JavaScript: prompt box
- JavaScript Popular Topics
- JavaScript: functions
- JavaScript: innerHTML
- JavaScript: getElementById()
- JavaScript: getElementsByClassName()
- JavaScript: getElementsByName()
- JavaScript: getElementsByTagName()
- JavaScript: querySelector()
- JavaScript: querySelectorAll()
- JavaScript: document.write()
- JavaScript: console.log()
- JavaScript: boolean
- JavaScript: events
- JavaScript: Math object
- JavaScript: Math.random()
- JavaScript: Number()
- JavaScript: parseInt()
- JavaScript: parseFloat()
- JavaScript Arrays
- JavaScript: array
- JavaScript: find length of array
- JavaScript: add element at beginning
- JavaScript: add element at end
- JavaScript: remove first element
- JavaScript: remove last element
- JavaScript: get first index
- JavaScript: get last index
- JavaScript: reverse an array
- JavaScript: sort an array
- JavaScript: concatenate arrays
- JavaScript: join()
- JavaScript: toString()
- JavaScript: from()
- JavaScript: check if value exists
- JavaScript: check if array
- JavaScript: slice an array
- JavaScript: splice()
- JavaScript: find()
- JavaScript: findIndex()
- JavaScript: entries()
- JavaScript: every()
- JavaScript: fill()
- JavaScript: filter()
- JavaScript: forEach()
- JavaScript: map()
- JavaScript Strings
- JavaScript: string
- JavaScript: length of string
- JavaScript: convert to lowercase
- JavaScript: convert to uppercase
- JavaScript: string concatenation
- JavaScript: search()
- JavaScript: indexOf()
- JavaScript: search() vs. indexOf()
- JavaScript: match()
- JavaScript: match() vs. search()
- JavaScript: replace()
- JavaScript: toString()
- JavaScript: String()
- JavaScript: includes()
- JavaScript: substr()
- JavaScript: slice string
- JavaScript: charAt()
- JavaScript: repeat()
- JavaScript: split()
- JavaScript: charCodeAt()
- JavaScript: fromCharCode()
- JavaScript: startsWith()
- JavaScript: endsWith()
- JavaScript: trim()
- JavaScript: lastIndexOf()
- JavaScript Date and Time
- JavaScript: date and time
- JavaScript: Date()
- JavaScript: getFullYear()
- JavaScript: getMonth()
- JavaScript: getDate()
- JavaScript: getDay()
- JavaScript: getHours()
- JavaScript: getMinutes()
- JavaScript: getSeconds()
- JavaScript: getMilliseconds()
- JavaScript: getTime()
- JavaScript: getUTCFullYear()
- JavaScript: getUTCMonth()
- JavaScript: getUTCDate()
- JavaScript: getUTCDay()
- JavaScript: getUTCHours()
- JavaScript: getUTCMinutes()
- JavaScript: getUTCSeconds()
- JavaScript: getUTCMilliseconds()
- JavaScript: toDateString()
- JavaScript: toLocaleDateString()
- JavaScript: toLocaleTimeString()
- JavaScript: toLocaleString()
- JavaScript: toUTCString()
- JavaScript: getTimezoneOffset()
- JavaScript: toISOString()
- JavaScript Regular Expression
- JavaScript: regular expression
- JavaScript: RegEx . (dot)
- JavaScript: RegEx \w and \W
- JavaScript: RegEx \d and \D
- JavaScript: RegEx \s and \S
- JavaScript: RegEx \b and \B
- JavaScript: RegEx \0
- JavaScript: RegEx \n
- JavaScript: RegEx \xxx
- JavaScript: RegEx \xdd
- JavaScript: RegEx quantifiers
- JavaScript: RegEx test()
- JavaScript: RegEx lastIndex
- JavaScript: RegEx source
- JavaScript Programs
- JavaScript Programs
JavaScript charCodeAt(): Find the Unicode of a Character at a Specified Index
The JavaScript charCodeAt() method is used when we need to find the Unicode of a character at a specified index in a specified string. For example:
<!DOCTYPE html> <html> <body> <p>The Unicode of the character at index no.4 is: <span id="x"></span></p> <script> let myString = "codescracker.com"; let myCharUnicode = myString.charCodeAt(4); document.getElementById("x").innerHTML = myCharUnicode; </script> </body> </html>
The Unicode of the character at index no.4 is:
Since indexing starts with 0, therefore, in the string "codescracker.com":
- 'c' is at index no. 0.
- 'o' is at index no. 1.
- 'd' is at index no. 2.
- and so on.
Because the Unicode value of s (which is at index no. 4) is 115, you are seeing 115 on the output produced above.
JavaScript charCodeAt() syntax
The syntax of the charCodeAt() method in JavaScript is:
string.charCodeAt(index)
The index parameter is optional. Its default value is 0. Therefore, without an index parameter, the charCodeAt() method returns the Unicode value of the first character. For example:
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> let myStr = "codescracker.com"; document.getElementById("xyz").innerHTML = myStr.charCodeAt(); </script> </body> </html>
In the above example, the following JavaScript statement:
let myStr = "codescracker.com";
declares a variable myStr and assigns it the value of the string "codescracker.com". And the following JavaScript statement:
document.getElementById("xyz").innerHTML = myStr.charCodeAt();
uses the getElementById method to retrieve the paragraph element with the id of "xyz". It then sets the innerHTML property of that element to the result of calling the charCodeAt() method on myStr. Since no index is specified, it returns the Unicode value of the first character in myStr, which is 99 (the Unicode value for the letter "c"). This means that the contents of the paragraph element will be "99".
« Previous Tutorial Next Tutorial »