JS метод String.fromCharCode()


Загальний опис

Метод String.fromCharCode() відіграє ключову роль у перетворенні Unicode-кодів на відповідні символи. Це статичний метод класу String, що означає, що його потрібно викликати на самому класі String, а не на екземплярі рядка. Основна його корисність полягає у можливості генерувати рядки з числових кодів символів, що особливо важливо при роботі з нестандартними символами або при програмному декодуванні тексту.

Для використання String.fromCharCode(), достатньо передати один або кілька числових аргументів, які відповідають Unicode-кодам символів. Метод повертає рядок, утворений з символів, що відповідають цим кодам.

Приклади коду:

  1. Перетворення одного Unicode-коду у символ:

     let symbol = String.fromCharCode(9731); // сніжинка
    
  2. Створення рядка з декількох Unicode-кодів:

     let hello = String.fromCharCode(104, 101, 108, 108, 111); // "hello"
    

Важливою особливістю String.fromCharCode() є його здатність працювати з будь-якою кількістю аргументів. Це означає, що метод може створювати довгі рядки, поєднуючи численні Unicode-символи. Однак слід зазначити, що цей метод працює тільки з базовою многолінійною площиною Unicode, що обмежує його використання символами з кодовими точками від 0 до 65535. Для роботи з повним діапазоном Unicode, включаючи сурогатні пари, може знадобитися інший підхід.

Приклад коду з використанням великої кількості символів:

let extendedText = String.fromCharCode(104, 101, 108, 108, 111, 32, 119, 111, 114, 108, 100); // "hello world"

String.fromCharCode() є незамінним інструментом для створення специфічних символів та текстових рядків у програмах JavaScript, особливо коли необхідно представити символи, які важко або неможливо ввести з клавіатури.

автор: Bond

Порада

Хоча String.fromCharCode() є корисним для перетворення кодів Unicode у символи, він не є найкращим вибором для декодування бінарних даних. Для таких завдань краще використовувати інші методи, такі як TextDecoder у сучасному JavaScript.

автор: Bond
Нотатка

Пам'ятайте, що String.fromCharCode() приймає будь-яку кількість аргументів. Це означає, що ви можете передавати декілька кодів Unicode одночасно для створення складніших рядків. Наприклад, String.fromCharCode(72, 101, 108, 108, 111) створить рядок "Hello".

автор: Bond
Нотатка

Метод String.fromCharCode() не підтримує сурогатні пари, які використовуються в Unicode для представлення символів поза основною багатомовною площиною. Це означає, що для символів, які мають високий код, наприклад емодзі, вам потрібно використовувати два коди: один для високого сурогату і один для низького.

автор: Bond

Синтаксис

String.fromCharCode()
String.fromCharCode(num1)
String.fromCharCode(num1, num2)
String.fromCharCode(num1, num2, /* …, */ numN)

Параметри

num1...

Кожен аргумент представляє собою число між 0 та 65535 (0xFFFF), що відповідає одиниці коду UTF-16. Числа, більші за 0xFFFF, будуть обрізані до останніх 16 біт. Перевірка на валідність цих чисел не проводиться.

автор: Bond

Повернення

string

Повертає рядок довжиною N, який складається з N вказаних одиниць коду UTF-16.

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1 4 12 4
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

Простий приклад використання методу String.fromCharCode().

// Створення символу 'A' за допомогою його Unicode-коду
var symbolA = String.fromCharCode(65);

console.log(symbolA); // Виведе: 'A'
автор: Bond

У цьому прикладі користувачі можуть ввести Unicode коди, розділені комами, у текстове поле і натиснути кнопку "Генерувати символи", щоб перетворити ці коди в символи. Результат відображатиметься під кнопкою. Це забезпечує зрозумілу та взаємодіючу демонстрацію використання String.fromCharCode().

автор: Bond

У цьому більш складному прикладі ми використовуємо String.fromCharCode() для генерації цілого рядка, складеного з кількох символів, вказаних через їх Unicode-коди. Це особливо корисно у ситуаціях, де потрібно динамічно створювати рядки з символів, коди яких можуть бути отримані в результаті обчислень або зовнішніх даних.

// Створення рядка 'Hello' через Unicode-коди
var helloString = String.fromCharCode(72, 101, 108, 108, 111);

console.log(helloString); // Виведе: 'Hello'
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід