将数据添加到页面表格中 var userList=[ {name:'孙悟空',age:1800,gender:'男'}, {name:'猪八戒',age:1800,gender:'男'}, {name:'沙僧',age:1800,gender:'男'}, {name:'唐三藏',age:1800,gender:'男'} ]

您可以使用以下代码将数据添加到页面表格中：

var table = document.getElementById("userTable");

for(var i = 0; i < userList.length; i++) {
var row = table.insertRow(i+1);
var nameCell = row.insertCell(0);
var ageCell = row.insertCell(1);
var genderCell = row.insertCell(2);
nameCell.innerHTML = userList[i].name;
ageCell.innerHTML = userList[i].age;
genderCell.innerHTML = userList[i].gender;
}

相关问题

var objs = { name: "bob", age: 12, marriage: false }; 弹窗输出objs的所有属性

可以使用 `for...in` 循环遍历对象的所有属性，并通过 `alert()` 函数弹窗输出属性名和属性值。代码示例如下：

for (var prop in objs) {
  alert(prop + ": " + objs[prop]);
}

执行上述代码后，会依次弹出以下三个弹窗：

name: bob
age: 12
marriage: false

var a =[{name:1}]改为var a =[{name2:1}] 修改属性名称

要将数组`a`中的对象的`name`属性修改为`name2`，可以使用数组的map方法遍历数组，然后在回调函数中创建新的对象，将`name`属性改为`name2`，并将其余属性保持不变。例如：

var a = [{name:1}];

var newArray = a.map(obj => {
  return {name2: obj.name};
});

console.log(newArray); // [{name2:1}]

这将创建一个新的数组`newArray`，其中包含一个对象，该对象具有`name2`属性，其值为1。如果原始数组中的对象有其他属性，这些属性将被复制到新对象中，并保持不变。如果要更改原始数组中的对象，可以使用数组的forEach方法遍历数组，然后在回调函数中将`name`属性更改为`name2`属性。例如：

var a = [{name:1}];

a.forEach(obj => {
  obj.name2 = obj.name;
  delete obj.name;
});

console.log(a); // [{name2:1}]

这将在原始数组`a`中更改对象的属性，而不是创建一个新的数组。注意，在这种情况下，`name`属性将被删除，而不是保留。