码迷,mamicode.com
首页 > 其他好文 > 详细

//随机生成 10到20条数据 数据包含 用户名(5-10位的字母) 性别 年龄(1-100岁)

时间:2016-10-29 01:31:14      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:code   最小值   设置   英文名   mat   大于   姓名   用户名   math   

//随机生成 1020条数据   数据包含   用户名(5-10位的字母)  性别   年龄(1-100岁)
/*生成随机数的方法*/
function random(min, max) {
if (min < 0 || max < 0) {
console.log("请输入大于0的数据");
return false
}
if (max == null) {//判断如果只传入一个参数
var max = min;//将参数设置为最大值
min = 0;//将最小值设置为零
}
return parseInt((max - min) * Math.random() + min);
}

/*随机获取具有姓名,年龄,性别三个属性的对象*/
function getName(dataNum) {
var nameArr = [];
for (var j = 0; j < dataNum; j++) {
var nameObj = {};//存放随机生成的对象
var randNum = random(5, 10);//名字的长度随机5-10
/*随机生成5-10位的英文名字*/
var nameStr = ‘‘;
for (var i = 0; i < randNum; i++) {
nameStr += String.fromCharCode(random(26) + 97);
}
nameObj.name = nameStr;
nameObj.age = random(0, 100);
nameObj.sex = ["", ""][random(0, 2)];

nameArr.push(nameObj);
}

return nameArr;
}
/*动态生成表格,将数据插入到表格中*/
var str = ‘‘;
getName(20).forEach(function (i, v) {
str +=
‘<tr>‘ +
‘<td>‘ + i.name + ‘</td>‘ +
‘<td>‘ + i.age + ‘</td>‘ +
‘<td>‘ + i.sex + ‘</td>‘ +
‘</tr>‘;
});
var tableStr = ‘<table style="width: 300px">‘ +
‘<thead>‘ +
‘<th>姓名</th>‘ +
‘<th>年龄</th>‘ +
‘<th>性别</th>‘ +
‘</thead>‘ +
‘<tbody>‘ + str +
‘</tbody>‘ +
‘</table>‘;
document.getElementsByTagName(‘body‘)[0].innerHTML = tableStr;




//随机生成 10到20条数据 数据包含 用户名(5-10位的字母) 性别 年龄(1-100岁)

标签:code   最小值   设置   英文名   mat   大于   姓名   用户名   math   

原文地址:http://www.cnblogs.com/itlyh/p/6009717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!