如何使用 for 循环动态创建对象属性并分配值

编程问答 2022-05-03

问题描述

请有人教我如何在给定的场景中正确地为对象属性赋值：

我正在获取文本区域的值，在新行拆分该值。我需要将这些拆分值分配给数组中对象的属性。见下面的代码：

var items = [{}];

function process() {
    var i = 0;
    items.forEach((j) => {
        j.self = document.getElementById('input').value.split('\n');
    });

process() 在按钮被点击时被调用。

在控制台中，我得到以下信息：

enter image description here

例如将 10 个 self 值作为数组而不是 key[0]，我需要将单个值分配给 key[0] 作为 self 属性的值。例如，需要将第二个拆分分配给 key1.self。

预期输出如下（如果不完全准确，请见谅）：

items[0]{self: split-string[0]},items[1]{self: split-string[1]},items[2]{self: split-string[2]},

等等...

而不是（控制台中显示的内容）：

items[0].self[0] = split-string[0];
items[0].self[1] = split-string[1];
items[0].self[2] = split-string[2];

如果有道理，请有人帮忙。

解决方法

目前还不清楚您到底想输出什么，但如果我理解正确，它是一个对象数组，其属性 self 包含来自输​​入的一行。

如果这个假设是正确的，这应该可行：

document.getElementById("clickme").addEventListener("click",process);

function process(){
    const items = document.getElementById("input").value
                           .split("\n")
                           .map(line => ({self:line}));
    console.log(items);
}
<textarea id="input" rows="5">Line1
Line2
Line3
Line4</textarea>
<button id="clickme">Process</button>

arraysarraysarraysjavascriptobjectobjectobjectpropertiespropertiesproperties