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 END DEVELOPMENT.
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,…
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…
When you access any element of the DOM, it is usual to save it in a variable. This is something that at first might seem very simple, but if you…
In this tutorial we are going to see how you can change the order of the elements of an array so that they are inverted. You could use a loop…
In case you have two divs of different sizes you may sometimes want to scroll both at the same time but at different speeds depending on their size. For example,…