Javascript 如何在.replace（）函数中显示json对象的完整长度

我对jSON数组有一个问题。我正在尝试显示整个阵列。我可以在控制台中看到它，但当我在控制台中执行完全相同的操作时：

.替换（“{components}”，d.IngreditName）

我已经到了未定义的地步。 我不想这样说：

.replace（“{components}”，d[0].IngreditName）

等等

var i = '<?php echo json_encode($json) ?>';
var b = JSON.parse(i);
var c = '<?php echo json_encode($jObj) ?>';
var d = JSON.parse(c);
console.log(d);

var t = '<div class="col-lg-12">\
<h1>{name}</h1>\
   <img class="col-lg-6" src="{photo}" alt="img">\
     <div class="caption">\
       <h4>{ingredients}</h4>\
        <h4>{description}</h4>\
   </div>\
</div>';

var tu = t.replace("{photo}", b[0].photo)
.replace("{name}", b[0].recipeName)
.replace("{description}", b[0].recipeDescription)
.replace("{ingredients}", d.ingredientName);

$(".pcontainer").append(tu);

var i=''；
var b=JSON.parse（i）；
var c=“”；
var d=JSON.parse（c）；
控制台日志（d）；
var t='1〕\
{name}\
\
\
{成分}\
{说明}\
\
';
var tu=t.replace（“{photo}”，b[0]。photo）
.replace（“{name}”，b[0]。recipeName）
.replace（“{description}”，b[0]。recipeDescription）
.替换（“{components}”，d.IngreditName）；
$（“.pcontainer”）.append（tu）；

这是我试图显示的json数组：

[{“IngreditName”：“milk”}，{“IngreditName”：“phad thai” 酱汁“}，{“IngreditName”：“米粉”}]

---

您应该使用循环将每个成分添加到一个新字符串中，然后用该字符串替换{ingrediens}

例如：

var listOfIngredientsHTML=“”；
用于（d的成分）{
if（listofIngreentShtml.length==0）{
ListofIngreentShtml+=“，”+IngreditName
}否则{
ListofIngreentShtml+=IngreditName
}
}
var tu=t.replace（“{photo}”，b[0]。photo）
.replace（“{name}”，b[0]。recipeName）
.replace（“{description}”，b[0]。recipeDescription）
.替换（“{成分}”，成分清单）

请编辑您的帖子，以包含

$json

和

$jObj

的示例值。