Javascript 是否有一种在HTML中显示元素的动态方式？

我有一个数组$phrases，其中每个单元格要么存储一个将显示给用户的短语，要么存储一个“***”，表示将在该位置放置一个输入元素。我附上了一张图片，让自己更清楚

$phrases[0] = "Lorem ipsum dolor";
$phrases[1] = "***";
$phrases[2] = "consectetur adipiscing elit";
$phrases[3] = "***";
$phrases[4] = "***";
$phrases[5] = "quis nostrud exercitation";

我的问题是：如何使我的代码适应任何给定的数组

var$phrases=[]，htmlString=“”；
$phrases[0]=“Lorem ipsum dolor”；
$phrases[1]=“***”；
$phrases[2]=“奉献精英”；
$phrases[3]=“***”；
$phrases[4]=“***”；
$phrases[5]=“quis nostrud实习”；
对于（var i=0；i<$phrases.length；i++）{//循环遍历$phrases
如果（$phrases[i]==“***”）
htmlString+=“”//需要输入
其他的
htmlString+=“”+$PHASES[i]+“”；//已知值
}
document.getElementById（'container'）。innerHTML=htmlString//将我们的htmlString放在页面上