Unicode value in template literal for emoji

Question

When I try to use a string template to generate an emoji I get an error.

How to achieve this purpose?

Javascript code:

const unifiedValue = '1F60E';
const emoji = `\u{${ unifiedValue }}`;

Javascript error:

SyntaxError: Invalid escape sequence in template

Of course if I use the value directly it works, but that would be error-prone + thousands lines of code with hundreds of if conditions.

Developer console:

'\u{1F60E}'

Console Output: ""

You can check the below answer. https://stackoverflow.com/a/22315491/8609245 — Sercan Cicek, May 16 '18 at 11:48

Krzysztof Janiszewski · Accepted Answer · 2018-05-16T12:12:33.233

10

Here is a wroking solution

const unifiedValue = '1F60E';

var emoji = `0x${unifiedValue}`;
emoji = String.fromCodePoint(emoji);

console.log(emoji);

Also keep in mind that our "beloved" internet explorer does not support it :/

EDIT

const unifiedValue = '1F60E';

var emoji = parseInt(unifiedValue, 16);

emoji = String.fromCodePoint(emoji);

console.log(emoji);

edited May 16 '18 at 12:12

answered May 16 '18 at 11:37

much beloved internet explorer is not important for us :) this worked great! thank you – sertsedat May 16 '18 at 11:44
1

Don't use `\`0x${unifiedValue}\``. Just use `parseInt(unifiedValue, 16)`. – Bergi May 16 '18 at 12:09
@Bergi Good point, edited answer – Krzysztof Janiszewski May 16 '18 at 12:10

score 0 · Answer 2 · answered May 16 '18 at 11:21

0

I think the problem here is you used template quote. You must use double backslash in template quote.

const emoji = `\u{${ unifiedValue }}`;

Instead of this

const emoji = `\\u{${ unifiedValue }}`;

answered May 16 '18 at 11:21

cabrakan

1

But it returns string: `\u{1F60E}` instead of emoticon – Krzysztof Janiszewski May 16 '18 at 11:29
@KrzysztofJaniszewski is right, double quote would espace backlash and return string `\u{1F60E}` instead, not – sertsedat May 16 '18 at 11:32

2 Answers2