Ich bin etwas zu müde um herauszufinden, was Du da willst.
Aber das augenscheinliche Problem würde ich - statt mit vielen „Bockstürzen“ - ganz billig stumpf so lösen:
const arrFruits = ['Apple','Banana','Orange'];
arrList = '<ul><li>' + arrFruits.join('</li><li>') + '<li></ul>';
console.log(arrList);
Dazu ggf. noch eine Abfrage, ob arrFruits vielleicht leer ist.
Wenn jetzt ul
und li
austauschbar sein sollen sehen ich kein wirkliches Hindernis für stumpfe Stringoperationen.