javascript - 动态添加到不同的 JS 对象数据 - 在循环或开关等内？

Question

一直卡在这个位置不知道怎么解决:)我从网页中获得了许多不同的属性 - 我想将其存储在稍后将它们发送到 PHP/Mysql 的对象——我的问题是我不知道将数据放入页面的用户创建了多少对象，所以我需要创建对象让我们说:object1{id, name, date. ..}, object2, object3 通过单击页面中的发送按钮 - 我知道一次不能超过 150 个对象 + 对象中存储的数据。因此，我尝试在读取输入字段的长度时动态创建对象 - 到目前为止有效。现在我想用数据填充创建的对象，同时使用 jquery 遍历页面并搜索具有我需要存储在 Object1、Object2 等中的 id 和数据的类我的问题是我不知道如何在循环内的对象中保存数据

var objekt1 =  {};
var objekt2 =  {};


// handle click and add class
$("#but1").on("click", function(){
 for (x=1;x<3; x++ ){
 var key = "objekt"+x;
 alert(key);
 var value = x;
 key.id=x;
 key.name="name"+x;
 }
 /*objekt1.id='10';
 objekt1.name='obj1';
 objekt2.id='20';
 objekt2.name='obj2';*/
 
 $("#output1").html(objekt1.id+ ' ' + objekt1.name);
 $("#output2").html(objekt2.id+ ' ' + objekt2.name);
}) //opn click

#but1 {
  background: #0084ff;
  border: 1px solid white;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#but1:hover{
  cursor: pointer;}
body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="but1">try me</div>
<div id="output1">

</div>
<div id="output2">

</div>

我不知道如何创建的问题是这个:我要实现:objekt1.id=1;但不知道如何创建它:这根本不起作用:'对象'+x=x；而且键值方法也没有按预期工作:(我做错了什么？

我知道也有针对此类问题的数组，但真正的多维数组适用于所有其他语言，在这些语言中我可以拥有键值对，而不仅仅是数字索引......:(

希望你明白我的意思...今天真的很晚...

感谢大家!感谢您的时间和耐心:)

Answer 1

要将 objekt1 和 objekt2 创建为全局变量，请使用 window["variable_name"]

for (x=1; x < 3; x++){
window["objekt" + x] = {};
window["objekt" + x].name = "name" + x;
window["objekt" + x].id = x * 10;
 }
console.log(objekt1)
console.log(objekt2)

或者动态创建自己的父对象和子对象

var data = {};

for (x=1; x < 3; x++){
data["objekt" + x] = {};
data["objekt" + x].name = "name" + x;
data["objekt" + x].id = x * 10;
 }
console.log(data.objekt1)
console.log(data.objekt2)