Javascript 创建循环，而不是反复复制/粘贴代码

我知道肯定有更好的方法，但我似乎不明白。我知道我需要创建一个循环，但仅此而已：

function loadData() {
  var getInput1 = localStorage.getItem("input1")
  var parsedInput1 = JSON.parse(getInput1)
  $("#planner-input-1").val(parsedInput1)
  //--------------------------------------

  var getInput2 = localStorage.getItem("input2")
  var parsedInput2 = JSON.parse(getInput2)
  $("#planner-input-2").val(parsedInput2)
  //--------------------------------------

  var getInput3 = localStorage.getItem("input3")
  var parsedInput3 = JSON.parse(getInput3)
  $("#planner-input-3").val(parsedInput3)
  //--------------------------------------

// etc etc etc...

---

您可以迭代索引，从1到您拥有的索引数量，并将其与

input

连接，以在

localStorage

上查找相应的属性：

function loadData(){
  for (let i = 1; i < 10; i++) {
    const parsed = JSON.parse(localStorage.getItem("input" + i));
    $("#planner-input-" + i).val(parsed);
  }
}

---

使用此方法，本地存储数组中的第一项将对应于要放入第一个

.planner input

的值，依此类推。

您可以迭代索引，从1到您拥有的索引数量，并将其与

input

连接，以查找

本地存储
上的相应属性：

function loadData(){
  for (let i = 1; i < 10; i++) {
    const parsed = JSON.parse(localStorage.getItem("input" + i));
    $("#planner-input-" + i).val(parsed);
  }
}

使用此方法，本地存储阵列中的第一项将对应于要放入第一个
.planner输入的值，依此类推。
从1到n开始
for
循环

function loadData(){
    for (let i = 1; i < 10; i++) {
      const val = JSON.parse(localStorage.getItem("input" + i));
      $("#planner-input-" + i).val(val);
    }
}

函数loadData（）{
for（设i=1；i<10；i++）{
const val=JSON.parse（localStorage.getItem（“输入”+i））；
$（“#规划师输入-”+i）.val（val）；
}
}

下面是一个从1到n的循环的启动

function loadData(){
    for (let i = 1; i < 10; i++) {
      const val = JSON.parse(localStorage.getItem("input" + i));
      $("#planner-input-" + i).val(val);
    }
}

函数loadData（）{
for（设i=1；i<10；i++）{
const val=JSON.parse（localStorage.getItem（“输入”+i））；
$（“#规划师输入-”+i）.val（val）；
}
}

下面是一个
使用一组对象来完成这项工作。
这里是处理预定义ID的数据的另一种方法。你的例子让我担心，你的数据已经变形，最终会咬到你，但没有更多细节，我没有建议。希望这有帮助


函数加载项（数据ID，选择器）{
var parsedInput=JSON.parse（dataId）
$（“选择器”）.val（parsedInput）
}
函数loadData（）{
var itemsToProcess=[{
dataId:input1，
选择器：“#规划器输入-1”
},
{
dataId:input2，
选择器：“#规划器输入-2”
},
{
dataId:input3，
选择器：“#planner-input-3”
}
]
ItemStopProcess.forEach（函数（项）{
loadItem（item.dataId、item.selector）；
})
//或
对于（让项目中的项目）{
loadItem（item.dataId、item.selector）；
}
}
使用一组对象来完成这项工作。
这里是处理预定义ID的数据的另一种方法。你的例子让我担心，你的数据已经变形，最终会咬到你，但没有更多细节，我没有建议。希望这有帮助


函数加载项（数据ID，选择器）{
var parsedInput=JSON.parse（dataId）
$（“选择器”）.val（parsedInput）
}
函数loadData（）{
var itemsToProcess=[{
dataId:input1，
选择器：“#规划器输入-1”
},
{
dataId:input2，
选择器：“#规划器输入-2”
},
{
dataId:input3，
选择器：“#planner-input-3”
}
]
ItemStopProcess.forEach（函数（项）{
loadItem（item.dataId、item.selector）；
})
//或
对于（让项目中的项目）{
loadItem（item.dataId、item.selector）；
}
}