javascript - 如何按下键 :value to dictionary in JavaScript?

Question

我有两个 HTML 文本输入元素和一个段落元素。我有一个空的 javascript 数组和一个将这两个文本输入值作为键:值推送到数组中的函数。我有一个按钮来激活该功能并打印段落中的数组。

我的 javascript 函数正在运行，但输出从未生成 [key:value]、[key:value]，而是生成 [object Object]、[object Object]

HTML:

<input type="text" id="t1" />
<input type="text" id="t2" />
<button id="b1" onclick="add()">Push</button>
<p id="p1"></p>

JavaScript:

var t = [];     
function add() { 
    var t1 = document.getElementById('t1').value;
    var t2 = document.getElementById('t2').value;
    t.push({key:t1, value:t2});
    document.getElementById('p1').innerHTML=t;
    }

我怎样才能正确地将键:值推送到这个数组并打印出来？

更新 我最终使用了如下所示的 Object 语法:

const m = {}
m[1] = 2
console.log(m, m[1])

Answer 1

你正确地在数组中推送元素，问题是转换为字符串。你可以在控制台看到数组。

function add() { 
  var t1 = document.getElementById('t1').value;
  var t2 = document.getElementById('t2').value;
  t.push({key:t1, value:t2});
  console.log(t);
}