Как бы вы добавили неразрывный пробел и т. Д. в тексте?

Question

Цель состоит в том, чтобы отобразить строку, подобную этой:

Яблоко, Банан, Лимон

Предположим, это в массиве.

const fruits = ['Apple', 'Banana', 'Lemon']

1. Я хотел бы объединить этот массив с запятой и пробелами. как бы вы поступили?

Приходит новый дизайн, они хотят показать

Apple, anBanana, eLemon

в сочетании с запятой, удвоение и смайлики.

Как бы вы реструктурировали первую реализацию?

Answer 1

Если вы хотите добавить HTML, вы должны создать его правильно. Определите оболочку и итерируйте по элементам в массиве, чтобы добавить их к нему.

Что касается пробела, добавление символа пробела никогда не является хорошей идеей. Если вы хотите создать пространство между элементами, используйте CSS padding / поля .

const array = ['Apple', 'Banana', 'Lemon'];
const wrapper = document.createElement("div");

for (const item of array) {
  const itemWrapper = document.createElement("span");
  itemWrapper.classList.add('space');
  itemWrapper.innerText = item;
  wrapper.append(itemWrapper);
}

document.documentElement.append(wrapper);

.space {
  margin-right: 1em;
}