---
title: Convert HTML Entities
localeTitle: Преобразование HTML-объектов
---

 Не забудьте использовать **`Read-Search-Ask`** если вы застряли. Попробуйте подключить программу  и напишите свой собственный код 
###  Проблема Объяснение:
* Вам нужно создать программу, которая будет конвертировать объекты HTML из строки в соответствующие HTML-объекты. Есть только несколько, поэтому вы можете использовать разные методы.
##  Подсказка: 1
* Вы можете использовать регулярные выражения, но в этом случае я этого не делал.
> _попытаться решить проблему сейчас_
##  Подсказка: 2
* Вы выиграете от диаграммы со всеми html-объектами, чтобы вы знали, какие из них являются правильными.
> _попытаться решить проблему сейчас_
##  Подсказка: 3
* Вы должны отделить строку и работать с каждым символом, чтобы преобразовать правильные, а затем присоединиться ко всему резервному копированию.
> _попытаться решить проблему сейчас_
## Осторожно, спойлеры!

**Решение впереди!**
##  Решение базового кода:
```javascript
function convertHTML(str) {
// Split by character to avoid problems.
var temp = str.split('');
// Since we are only checking for a few HTML elements I used a switch
for (var i = 0; i < temp.length; i++) {
switch (temp[i]) {
case '<':
temp[i] = '<';
break;
case '&':
temp[i] = '&';
break;
case '>':
temp[i] = '>';
break;
case '"':
temp[i] = '"';
break;
case "'":
temp[i] = "'";
break;
}
}
temp = temp.join('');
return temp;
}
//test here
convertHTML("Dolce & Gabbana");
```
### Код Объяснение:
Объясните решение здесь и добавьте соответствующие ссылки
#### Связанные ссылки
* [str.split ()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split)
* [arr.join ()](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
* [инструкция switch](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/switch)
 [Код запуска](https://repl.it/CLnP/0)
##  Решение промежуточного кода:
```
function convertHTML(str) {
//Chaining of replace method with different arguments
str = str.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"').replace(/'/g,"'");
return str;
}
// test here
convertHTML("Dolce & Gabbana");
```
 [Код запуска](https://repl.it/CLnQ/0)
### Код Объяснение:
Объясните решение здесь и добавьте соответствующие ссылки
#### Связанные ссылки
* [str.replace ()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace)
* [Регулярные выражения](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp)
##  Расширенное решение для кода:
```javascript
function convertHTML(str) {
// Use Object Lookup to declare as many HTML entities as needed.
const htmlEntities={
'&':'&',
'<':'<',
'>':'>',
'"':'"',
'\'':"'"
};
//Use map function to return a filtered str with all entities changed automatically.
return str.split('').map(entity => htmlEntities[entity] || entity).join('');
}
// test here
convertHTML("Dolce & Gabbana");
```
 [Код запуска](https://repl.it/CLnR/0)
### Код Объяснение:
* Создайте объект, чтобы использовать функциональность Lookup, чтобы легко находить символы.
* Разделите исходную строку символами и используйте карту, чтобы проверить измененный объект html или использовать тот же самый. В качестве альтернативы вы можете использовать Regex `str.replace(/&|<|>|"|'/gi` .
* Добавлена функция a, которая возвращает преобразованный объект или исходный, если конверсия отсутствует. Если вы перейдете по маршруту регулярного выражения, вам просто нужно вернуть совпадающие удары. `return html[entity];`
* Наконец, мы снова присоединяем все символы.
**Обратите внимание,** что если вы отправили маршрут регулярного выражения, вам не нужно ничего присоединяться, просто убедитесь, что вы вернули всю операцию или сохранили ее в переменной, а затем вернете ее.
#### Связанные ссылки
* [str.split ()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split)
* [arr.map ()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
* [arr.join ()](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
##  ПРИМЕЧАНИЯ ДЛЯ ВЗНОСОВ:
*  **НЕ** добавляйте решения, похожие на любые существующие решения. Если вы считаете, что это **_похоже, но лучше_** , попробуйте объединить (или заменить) существующее подобное решение.
* Добавьте объяснение своего решения.
* Классифицируйте решение в одной из следующих категорий - **Basic** , **Intermediate** и **Advanced** . 
* Пожалуйста, добавьте свое имя пользователя, только если вы добавили **соответствующее основное содержимое** . (  **_НЕ_** _удаляйте существующие имена пользователей_ )
> Видеть  [**`Wiki Challenge Solution Template`**](http://forum.freecodecamp.com/t/algorithm-article-template/14272) для [**`Wiki Challenge Solution Template`**](http://forum.freecodecamp.com/t/algorithm-article-template/14272) для справки.