資訊專欄INFORMATION COLUMN
摘要：最近的項(xiàng)目需要模擬一個(gè)格式的數(shù)據(jù)，格式如下我們要實(shí)現(xiàn)這個(gè)功能，變量和數(shù)組聲明隨機(jī)生成年級(jí)隨機(jī)生成班級(jí)隨機(jī)生成姓趙錢孫李周吳鄭王馮陳衛(wèi)蔣沈韓楊朱秦許何呂施張隨機(jī)生成名偉芳娜麗強(qiáng)靜敏磊軍濤明剛潔斕文華金斌波輝亮超構(gòu)造函數(shù)下面我們用給
最近的項(xiàng)目需要模擬一個(gè)json格式的數(shù)據(jù)，
格式如下
{
"studentA": [
{
"grade": "A",
"class": "B",
"course": {
"a": "0-100",
" b ": "0-100"
}
}
],
"studentB": [
{
"grade": "A",
"class": "B",
"course": {
"a": "0-100",
" b ": "0-100"
}
}
]
}
我們要實(shí)現(xiàn)這個(gè)功能，
1、變量和數(shù)組聲明
var score= new Array();
var num1=d3.range(6).map(d3.random.normal(0.8,0.1));
// 隨機(jī)生成年級(jí)
var grades=[1,2,3,4];
// 隨機(jī)生成班級(jí)
var classes=[1,2];
//隨機(jī)生成姓
var lastnames=["趙","錢","孫","李","周","吳","鄭","王","馮","陳","衛(wèi)","蔣","沈","韓","楊","朱","秦","許","何","呂","施","張"];
//隨機(jī)生成名
var firstnames=["偉","芳","娜","麗","強(qiáng)","靜","敏","磊","軍","濤","明","剛","潔","斕","文","華","金","斌","波","輝","亮","超"];
2、構(gòu)造函數(shù)
function getStu(){
var stu = {
"name":"",
"detail":{}
};
var lastname=lastnames[Math.floor(Math.random()*lastnames.length+1)-1];
var firstname=firstnames[Math.floor(Math.random()*firstnames.length+1)-1];
var grade=Math.floor(Math.random()*4+1);
var classe=Math.floor(Math.random()*2+1);
stu.name = lastname+firstname;
stu.detail.grade = grade;
stu.detail.class = classe;
stu.detail.score = num1.map(function(d){
return d*100>100?100:Math.round(d*100);
});
return stu;
}
下面我們用innerHTML給頁(yè)面中寫入內(nèi)容：
temp.innerHTML="
{
"":[
{
"grade":"",
"class":"",
"course":{
"計(jì)算機(jī)網(wǎng)絡(luò)":"",
"大學(xué)英語(yǔ)":"",
"Web前端開發(fā)":"",
"C語(yǔ)言程序設(shè)計(jì)":"",
"數(shù)據(jù)結(jié)構(gòu)":"",
"大學(xué)物理":"",
}
}
],
}
";
temp.getElementsByTagName("label")[0].innerHTML=stu.name;
temp.getElementsByTagName("label")[1].innerHTML=stu.detail.grade;
temp.getElementsByTagName("label")[2].innerHTML=stu.detail.class;
temp.getElementsByTagName("label")[3].innerHTML=stu.detail.score[0];
temp.getElementsByTagName("label")[4].innerHTML=stu.detail.score[1];
temp.getElementsByTagName("label")[5].innerHTML=stu.detail.score[2];
temp.getElementsByTagName("label")[6].innerHTML=stu.detail.score[3];
temp.getElementsByTagName("label")[7].innerHTML=stu.detail.score[4];
temp.getElementsByTagName("label")[8].innerHTML=stu.detail.score[5];
document.getElementById("main").appendChild(temp);
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79194.html
摘要：時(shí)間年月日星期日說明本文部分內(nèi)容均來自慕課網(wǎng)。慕課網(wǎng)教學(xué)示例源碼無個(gè)人學(xué)習(xí)源碼第一章課程概述課程介紹課程須知本課程面向所有使用語(yǔ)言進(jìn)行開發(fā)的小伙伴。 時(shí)間：2017年05月21日星期日說明：本文部分內(nèi)容均來自慕課網(wǎng)。@慕課網(wǎng)：http://www.imooc.com教學(xué)示例源碼：無個(gè)人學(xué)習(xí)源碼：https://github.com/zccodere/s... 第一章：課程概述 1-1 ...
摘要：然后，生成的完整的字符串大致如下以上是一系列通用的鍵值轉(zhuǎn)換方法就是的主體函數(shù)其他屬性的拼接最后，將字符串傳入構(gòu)造函數(shù)來創(chuàng)建相應(yīng)的函數(shù)。 1. 熟悉的JSON.stringify() 在瀏覽器端或服務(wù)端，JSON.stringify()都是我們很常用的方法： 將 JSON object 存儲(chǔ)到 localStorage 中； POST 請(qǐng)求中的 JSON body； 處理響應(yīng)體中的 ...
摘要：需求和背景需求為客戶端同事寫接口文檔的各位后端同學(xué)已經(jīng)在各種場(chǎng)合回憶了使用自動(dòng)化文檔工具前手寫文檔的血淚史我的故事卻又不同因?yàn)槭紫葋碚f我在公司是組負(fù)責(zé)人屬于上述血淚史中催死人不償命的客戶端陣營(yíng)但血淚史卻是相通的沒有自動(dòng)化文檔的日子對(duì)接口就是 需求和背景 需求: 為客戶端同事寫接口文檔的各位后端同學(xué),已經(jīng)在各種場(chǎng)合回憶了使用自動(dòng)化文檔工具前手寫文檔的血淚史.我的故事卻又不同,因?yàn)槭紫葋碚f...
摘要：說明文檔示例商品名稱商品加個(gè)創(chuàng)建時(shí)間是否顯示顯示不顯示通過建立一個(gè)虛擬的方式生成自定義組件生成上面的代碼是通過生成器動(dòng)態(tài)生成一個(gè)正在加載的按鈕組件上面的代碼是通過方式動(dòng)態(tài)生成一個(gè)按鈕組件修改可以通過一下兩種方式動(dòng)態(tài)修改組件的配置項(xiàng)通 [github] | [說明文檔] 示例 showImg(https://segmentfault.com/img/remote/1460000017...
摘要：簡(jiǎn)介是用于結(jié)構(gòu)化數(shù)據(jù)序列化的一種文本格式，包含種基礎(chǔ)類型字符串，數(shù)字，布爾和和兩種結(jié)構(gòu)類型對(duì)象和數(shù)組。對(duì)象是一個(gè)由零或者多個(gè)名值對(duì)組成的無序集合，其中名值對(duì)中名是字符串類型，值則可以是字符串，數(shù)字，布爾，，對(duì)象或數(shù)組類型。 Json JavaScript Object Notation (JSON)是一個(gè)輕量級(jí)的，基于文本的，跨語(yǔ)言的數(shù)據(jù)交換格式。它從ECMAScript編程語(yǔ)言標(biāo)準(zhǔn)（...
閱讀 3772·2021-11-24 09:39
閱讀 2971·2021-11-16 11:49
閱讀 2091·2019-08-30 13:54
閱讀 1115·2019-08-30 13:03
閱讀 1102·2019-08-30 11:10
閱讀 732·2019-08-29 17:10
閱讀 1260·2019-08-29 15:04
閱讀 1226·2019-08-29 13:02
