Converting Integers to Character Equivalents in JavaScript

Being able to convert an integer to its matching alphabetic character in JavaScript can be very useful for things like generating ID codes, processing user input, encoding data, and more. In this post, we‘ll explore how to leverage JavaScript‘s charCodeAt() and fromCharCode() methods to make this conversion.

Understanding Character Codes

In programming, alphabetic characters are mapped to numeric codes that represent them. For example ‘A‘ maps to 65, ‘B‘ maps to 66, and so on. This mapping is defined by the UTF-16 character encoding that JavaScript uses. When you get the character code for ‘A‘ with charCodeAt(), it returns 65.

As the chart shows, lowercase letters and uppercase letters have different character codes, but both can be mapped from integers.

charCodeAt() Method

The charCodeAt() method accepts a character index and returns the UTF-16 code unit at that index. Here‘s the syntax:

str.charCodeAt(index)  

For example, to get the code for ‘B‘:

‘ABC‘.charCodeAt(1); // 66

This returned 66, which represents uppercase ‘B‘.

fromCharCode() Method

The fromCharCode() method does the reverse: it accepts one or more character code integers and converts them into a string. Here‘s the basic syntax:

String.fromCharCode(num1, num2, ...)

For example, to convert 66 back to ‘B‘:

String.fromCharCode(66); // ‘B‘

Converting Integers to Lowercase Letters

We can combine charCodeAt() and fromCharCode() to convert an integer to its lowercase letter equivalent:

function intToLowerChar(i) {
  return String.fromCharCode(‘a‘.charCodeAt(0) + i); 
}

intToLowerChar(2); // ‘c‘

Here‘s how it works:

1. Get character code for ‘a‘, which represents where lowercase letters start in UTF-16.
2. Add the integer parameter to offset and access the appropriate character code.
3. Convert the character code back to an actual character with fromCharCode().

As shown in the chart, by adding the integers 0-25 to the character code for ‘a‘, we can map to all lowercase letters sequentially.

Converting Integers to Uppercase Letters

Similarly, we can offset from the character code for ‘A‘ to convert integers to uppercase letters:

function intToUpperChar(i) {
  return String.fromCharCode(‘A‘.charCodeAt(0) + i);  
}

intToUpperChar(2); // ‘C‘ 

The only difference here is we start from ‘A‘ on the chart instead of ‘a‘.

Converting Characters Back to Integer Codes

We can also go the other way using charCodeAt(). This converts a character back to its integer code:

function charToInt(char) {
  return char.charCodeAt(0) - ‘a‘.charCodeAt(0); 
}

charToInt(‘c‘); // 2

Here we:

1. Get character code of input character
2. Subtract character code of ‘a‘ to offset back to base
3. Return integer representation

Going from character to integer can also help validate user input or process characters entered.

Use Cases

Some examples of where converting between integers and character equivalents can be useful:

• Generating unique ID codes to represent database records
• Encoding/decoding data for security or compression
• Processing user input from forms
• Validating user passes certain criteria
• Iterating through alphabet letters programmatically

Conclusion

In JavaScript, charCodeAt() and fromCharCode() give us the tools to map back and forth between integers and alphabetic characters. Understanding these conversions can open up new possibilities in our code.

The concepts are simple but powerful. Keep this technique in mind next time you need to work with generating characters or encoding integer values.