使用 forEach 或 for 循環 (JS) 從 JSON 提要填充表單字段

Question

我有這樣的表單字段

<input id="first">
<input id="second">
<textarea id="third"></textarea>
...

我需要用來自 JSON 提要的數據動態填充它們。 每個字段的 id 對應於每個 JSON 的 key ，所以我可以這樣填充這些字段：

first.value = feed.first;
second.value = feed.second;
third.value = feed.third;
...

但我想讓它更簡單。

這是我試過的：

["first", "second", "third"].forEach(e => {e.value = feed[e]});

可悲的是，它不起作用。 在控制台中，我可以看到 JSON 提要的值 ( feed[e] )，但表單字段為空白。

我究竟做錯了什么？

任何建議將不勝感激。

Answer 1

請使用 eval function。

[“第一”、“第二”、“第三”].forEach(e => {eval(e).value = feed[e]});

Answer 2

您可以嘗試使用document.getElementById獲取特定的 DOM 元素
然后分配你想要的值。

const feed = {
    'first': 'hello',
    'second': 'word',
    'third': '!'
};

['first', 'second', 'third'].forEach(e => {
    document.getElementById(e).value = feed[e]
});

下面的鏈接是一個完整的演示。
https://jsfiddle.net/2x0o8d4m/1/