codePointAt method has more or less the same function as the
charCodeAt method, used to get the 16-bit Unicode representation of the character at a certain position in a string.
However, certain characters present a small problem, as they use two 16-bit units, so the
charCodeAt method will only return half of the representation of these special characters.
charCodeAt method, but not Chinese or Japanese characters. The
codePointAt method accepts as a parameter the index of the string to which the method is applied, which may be a standard string declared with single or double quotes, a String object or a template literal
The value returned by the
codePointAt method will be undefined when the index we pass to the method has no representation.
For example, to get the Unicode representation in decimal or hexadecimal formed by two Unicode UTF-16 units of the character we would have to use the
charCodeAt method twice:
// Decimal representation const firstPart = ''.charCodeAt(0); // 55362 const secondPart= ''.charCodeAt(1); // 57271 // Hexadecimal representation const firstPart = ''.charCodeAt(0).toString(16); // d842 const secondPart = ''.charCodeAt(1).toString(16); // dfb7
You can see that if you put both parts together and show them through the console, you get the character :
However, it is possible to obtain the character representation using the
method only once:
// Decimal representation const decimal = ''.codePointAt>(0); // 134071 // Hexadecimal representation const hexadecimal = ''.codePointAt(0).toString(16); // 20bb7
To check that the result is correct, simply display the result via the console:
If you use a
String object, the process is exactly the same:
const mychain = new String(''); // Decimal representation const decimal = mychain.codePointAt(0); // 134071 // Hexadecimal representation const hexadecimal = mychain.codePointAt(0).toString(16); // 20bb7
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.
Symbols are a new primitive value introduced by ES6. Their purpose is to provide us unique identifiers. In this article, we tell you how they work, in which way they…
How to make your own custom cursor for your website
When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…
Node.js and npm: introductory tutorial
In this tutorial we will see how to install and use both Node.js and the npm package manager. In addition, we will also create a small sample application. If you…
How to connect to MySQL with Node.js