在Javascript中计算多个字段的值,并显示每一行,可以通过以下步骤实现:
var data = [
{ field1: 10, field2: 20, field3: 30 },
{ field1: 40, field2: 50, field3: 60 },
{ field1: 70, field2: 80, field3: 90 }
];
for (var i = 0; i < data.length; i++) {
var row = data[i];
var sum = row.field1 + row.field2;
row.sum = sum; // 将计算结果保存到新的字段sum中
}
var table = document.createElement('table');
for (var i = 0; i < data.length; i++) {
var row = data[i];
var tr = document.createElement('tr');
// 创建并添加每个字段的单元格
var td1 = document.createElement('td');
td1.textContent = row.field1;
tr.appendChild(td1);
var td2 = document.createElement('td');
td2.textContent = row.field2;
tr.appendChild(td2);
var td3 = document.createElement('td');
td3.textContent = row.field3;
tr.appendChild(td3);
var tdSum = document.createElement('td');
tdSum.textContent = row.sum;
tr.appendChild(tdSum);
table.appendChild(tr);
}
// 将表格添加到页面中的某个元素中
var container = document.getElementById('container');
container.appendChild(table);
以上代码将会创建一个包含每一行数据的表格,并在最后一列显示每一行字段1和字段2的和。
这是一个基本的实现示例,具体的实现方式可以根据具体需求进行调整和扩展。
领取专属 10元无门槛券
手把手带您无忧上云