Javascript 能否将数组用作对象’；谁的财产价值？

我正在尝试为配方卡编写JavaScript。我认为使用对象构造函数将是最好的，因为我正在使用相同的标准创建多个配方。我需要使用一个数组来添加配料，但我似乎无法让它工作。唯一显示的是配方名称，数组返回时未定义

我对JS非常陌生，所以请像个孩子一样为我详细介绍一下，同时也要友善：）

另外，我很抱歉代码是这样写的。我使用的是移动应用程序，所以我没有像普通应用程序那样在特定的框中写入。如果您愿意，以下是代码笔：

以下是HTML代码：

<div class="recipe-card">
<aside>
    <img src="https://divascancook.com/wp-content/uploads/2015/01/no-bake-engery-bites-peanut-butter-chocolate-healthy-granola-snack-recipe-2.jpg" alt="Granola Engergy Bites" />
</aside>
<article>
    <h2 id="name1"></h2>
    <h4 id="ingredients1"></h4>
    <ul>
        <li><span class="icon icon-users"></span><span>10 - 15</span></li>
        <li><span class="icon icon-clock"></span><span>15 min</span></li>
    </ul>   
</article>
</div>

---

在javascript的第3行中，您将成分定义为空数组。你可以通过写作来解决这个问题

this.ingredients = ingredients

相反。如果您愿意，还可以使用一个称为destructuring的漂亮工具，您可以将其编写为

this.ingredients = [...ingredients]

---

在javascript的第3行中，您将成分定义为空数组。你可以通过写作来解决这个问题

this.ingredients = ingredients

相反。如果您愿意，还可以使用一个称为destructuring的漂亮工具，您可以将其编写为

this.ingredients = [...ingredients]

---

请先尝试学习调试。您的问题是您没有对“配料”参数执行任何操作

你的职能应该是：

function Recipe(name, ingredients) {
    this.name = name;
    this.ingredients = ingredients;
}

var recipe1 = new Recipe('Granola Energy Bites', ['1 cup old-fashioned oats', '1/4 tsp salt', '1/4 tsp cinnamon']);

var recipe1Name = recipe1.name;
document.getElemendById("name1").innerHTML = recipe1Name;

var recipe1Ingredients = recipe1.ingredients;
insertToIngredients = "";
for (var i = 0; i<recipe1Ingerdients.length; i++) {
    insertToIngredients = insertToIngredients + "<br>"+ recipe1Ingredients[i];
}
document.getElementById("ingredients1").innerHTML = insertToIngredients;

底部的代码也不正确，应该是：

function Recipe(name, ingredients) {
    this.name = name;
    this.ingredients = ingredients;
}

var recipe1 = new Recipe('Granola Energy Bites', ['1 cup old-fashioned oats', '1/4 tsp salt', '1/4 tsp cinnamon']);

var recipe1Name = recipe1.name;
document.getElemendById("name1").innerHTML = recipe1Name;

var recipe1Ingredients = recipe1.ingredients;
insertToIngredients = "";
for (var i = 0; i<recipe1Ingerdients.length; i++) {
    insertToIngredients = insertToIngredients + "<br>"+ recipe1Ingredients[i];
}
document.getElementById("ingredients1").innerHTML = insertToIngredients;

var recipe1=新配方（“格兰诺拉能量麦片”、“1杯老式燕麦”、“1/4茶匙盐”、“1/4茶匙肉桂”）；
var recipe1Name=recipe1.name；
document.getElemendById（“name1”）.innerHTML=recipe1Name；
var recipe1配料=recipe1.配料；
InsertToingElements=“”；
对于（var i=0；i请先尝试学习调试。您的问题是您没有使用配料参数进行任何操作

你的职能应该是：

function Recipe(name, ingredients) {
    this.name = name;
    this.ingredients = ingredients;
}

var recipe1 = new Recipe('Granola Energy Bites', ['1 cup old-fashioned oats', '1/4 tsp salt', '1/4 tsp cinnamon']);

var recipe1Name = recipe1.name;
document.getElemendById("name1").innerHTML = recipe1Name;

var recipe1Ingredients = recipe1.ingredients;
insertToIngredients = "";
for (var i = 0; i<recipe1Ingerdients.length; i++) {
    insertToIngredients = insertToIngredients + "<br>"+ recipe1Ingredients[i];
}
document.getElementById("ingredients1").innerHTML = insertToIngredients;

底部的代码也不正确，应该是：

function Recipe(name, ingredients) {
    this.name = name;
    this.ingredients = ingredients;
}

var recipe1 = new Recipe('Granola Energy Bites', ['1 cup old-fashioned oats', '1/4 tsp salt', '1/4 tsp cinnamon']);

var recipe1Name = recipe1.name;
document.getElemendById("name1").innerHTML = recipe1Name;

var recipe1Ingredients = recipe1.ingredients;
insertToIngredients = "";
for (var i = 0; i<recipe1Ingerdients.length; i++) {
    insertToIngredients = insertToIngredients + "<br>"+ recipe1Ingredients[i];
}
document.getElementById("ingredients1").innerHTML = insertToIngredients;

var recipe1=新配方（“格兰诺拉能量麦片”、“1杯老式燕麦”、“1/4茶匙盐”、“1/4茶匙肉桂”）；
var recipe1Name=recipe1.name；
document.getElemendById（“name1”）.innerHTML=recipe1Name；
var recipe1配料=recipe1.配料；
InsertToingElements=“”；
对于（var i=0；i
this.components=[]
）-除了空数组之外，您从未在此处分配任何内容
this.components=[]
-除了空数组之外，您从未在此处分配任何内容