Javascript 在div中显示循环值

我有一个名为

data

的数组，我需要在一个div中显示

数据数组的每个值。这是我的函数

function myFunction(data)
{
    var result = "";
    for (var i = 0; i < data.length; i++) 
    {
        result +='NAME: ' + data[i].name + ', AGE: ' + data[i].age;
        console.log(result)
    }
    $('#info').text(result)
}

我也试过这样做

result +='NAME: ' + data[i].name + ', AGE: ' + data[i].age;

但我无法获取所有数据。
使用以下功能：

function myFunction(data)
{
    var result = "";
    for (var i = 0; i < data.length; i++) 
    {
        result += 'NAME: ' + data[i].name + ', AGE: ' + data[i].age + '<br/>';
    }
    $('#info').html(result)
}


模板字符串是javascript中连接字符串的更好方法，如下所示：

result += `NAME: ${data[i].name}, AGE: ${data[i].age} <br/>`;

result+=`NAME:${data[i].NAME}，AGE:${data[i].AGE}
`；
您正在为每次迭代设置
#info
的整个文本值。你可以试试：

function myFunction(data)
{
    var result;
    for (var i = 0; i < data.length; i++) 
    {                
       result +='NAME: ' + data[i].name + ', AGE: ' + data[i].age + '<br/>';
       console.log(result)

    }

    $('#info').html(result);
}

函数myFunction（数据）
{
var结果；
对于（变量i=0；i；
console.log（结果）
}
$（'#info'）.html（结果）；
}
给你一个解决方案


var数据=[
{姓名：'xxx'，年龄：20}，
{姓名：'yyy'，年龄：30}
];
var-content=“”；
$。每个（数据、功能（i）{
content+=`Name:${data[i].Name}年龄：${data[i].Age}
`；
});
$（'#info'）.html（内容）
您必须定义
var result=“”在for循环之外。最好使用
.html（）
，因为它允许您呈现html标记，如

。检查代码段：


var data=[{姓名：'jack'，年龄：10}，{姓名：'Tom'，年龄：12}，{姓名：'Mira'，年龄：14}]
函数myFunction（数据）
{
var结果=”；
对于（变量i=0；i”；
$（'#info'）.html（结果）；
}
}
myFunction（数据）

而不是$（'#info'）。文本（结果）尝试$（'#info'）。追加（结果）或$（'#info'）。文本（$（'#info'）。文本（）+结果）
直接打印。不打印新行coming@krish请参阅更新的答案。使用
html（）
而不是
text（）
来显示下一行而不是“
。
function myFunction(data)
{
    var result = "";
    for (var i = 0; i < data.length; i++) 
    {
        result += 'NAME: ' + data[i].name + ', AGE: ' + data[i].age + '<br/>';
    $('#info').appen(result)
    }
}

result += `NAME: ${data[i].name}, AGE: ${data[i].age} <br/>`;

function myFunction(data)
{
    var result;
    for (var i = 0; i < data.length; i++) 
    {                
       result +='NAME: ' + data[i].name + ', AGE: ' + data[i].age + '<br/>';
       console.log(result)

    }

    $('#info').html(result);
}