javascript - 使用动态键和值动态创建 JSON

标签 javascript html json object

我是初学者,正在尝试从 HTML 输入文本的数据提取中创建以下 JSON。如何创建和访问以下 JSON?

{  
  Brazilians**{
    John**{
      old: 18
    }

    Jones**{
      old: 20
    }
  }

  Canadians**{

    Friedman**{
      old: 22
    }

    James**{
      old: 35
    }
  }
}

注意:**表示必须是动态 key 。

我的 HTML 代码:

<input type="text" id="nacionality">
<input type="text" id="name">
<input type="text" id="old">

我尝试用 javascript 开发的结构:

obj[nationality] = name[{old : oldValue}];

alert(obj["Brazilians"]["John"].old);

最佳答案

是这样的吗?

var obj = {};
obj[document.getElementById('nationality').value] = {};
obj[document.getElementById('nationality').value][document.getElementById('name').value] = {
  old: document.getElementById('old').value
};
console.log(obj);
<input type="text" id="nationality" value="Brazilian" />
<input type="text" id="name" value="John" />
<input type="text" id="old" value="18" />

关于javascript - 使用动态键和值动态创建 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42139833/

相关文章:

python - 在生成器中返回参数

javascript - Jquery UI - 可调整网格和表格的大小

javascript - 以编程方式为 Highcharts 散点图上的某个点触发点击事件

Javascript,如何从json数组接收数据

php - 在 php 中设置 session 生命周期

javascript - 是否有一种快捷方法可以防止两个独立的 javascript/jquery 片段相互冲突或影响?

javascript - 从包含的 JSONArray 中选择所有 JSONObjects

javascript - JavaScript 库的测试驱动开发

javascript - jQuery/iScroll - 带有可点击图像的滚动面板

html - 在 div 内水平居中静态 ASP 菜单