json生成器

csRyan 發布于2019-08-19 18:06 / 1634人閱讀

摘要：最近的項目需要模擬一個格式的數據，格式如下我們要實現這個功能，變量和數組聲明隨機生成年級隨機生成班級隨機生成姓趙錢孫李周吳鄭王馮陳衛蔣沈韓楊朱秦許何呂施張隨機生成名偉芳娜麗強靜敏磊軍濤明剛潔斕文華金斌波輝亮超構造函數下面我們用給

最近的項目需要模擬一個json格式的數據，
格式如下

{
    "studentA": [
        {
            "grade": "A",
            "class": "B",
            "course": {
                "a": "0-100",
                " b ": "0-100"
            }
        }
    ],
    "studentB": [
        {
            "grade": "A",
            "class": "B",
            "course": {
                "a": "0-100",
                " b ": "0-100"
            }
        }
    ]
}

我們要實現這個功能，
1、變量和數組聲明

var score= new Array();
            var num1=d3.range(6).map(d3.random.normal(0.8,0.1));
             // 隨機生成年級
            var grades=[1,2,3,4];
            // 隨機生成班級
            var classes=[1,2];
            //隨機生成姓
            var lastnames=["趙","錢","孫","李","周","吳","鄭","王","馮","陳","衛","蔣","沈","韓","楊","朱","秦","許","何","呂","施","張"];
            //隨機生成名
            var firstnames=["偉","芳","娜","麗","強","靜","敏","磊","軍","濤","明","剛","潔","斕","文","華","金","斌","波","輝","亮","超"];

2、構造函數

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給頁面中寫入內容：

temp.innerHTML="
                
                    {

                        
                        "":[ 
                        
  {
                            

                               "grade":"",

                               "class":"",
 
                               "course":{

                                   "計算機網絡":"",

                                   "大學英語":"",

                                   "Web前端開發":"",

                                   "C語言程序設計":"",

                                   "數據結構":"",

                                   "大學物理":"",

                                   }
                                

                                  }

                                ],

                        }
                ";
                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);
                 }

GPU云服務器云服務器生成Json數據 json數據怎么生成 php生成json excel生成json

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79194.html

慕課網_《JSON快速入門（Java版）》學習總結

摘要：時間年月日星期日說明本文部分內容均來自慕課網。慕課網教學示例源碼無個人學習源碼第一章課程概述課程介紹課程須知本課程面向所有使用語言進行開發的小伙伴。時間：2017年05月21日星期日說明：本文部分內容均來自慕課網。@慕課網：http://www.imooc.com教學示例源碼：無個人學習源碼：https://github.com/zccodere/s... 第一章：課程概述 1-1 ...

shiina 2019-08-16 10:36 評論0 收藏0
如何提升JSON.stringify()的性能？

摘要：然后，生成的完整的字符串大致如下以上是一系列通用的鍵值轉換方法就是的主體函數其他屬性的拼接最后，將字符串傳入構造函數來創建相應的函數。 1. 熟悉的JSON.stringify() 在瀏覽器端或服務端，JSON.stringify()都是我們很常用的方法：將 JSON object 存儲到 localStorage 中； POST 請求中的 JSON body；處理響應體中的 ...

tomlingtm 2019-08-23 17:58 評論0 收藏0
Swagger 生成 PHP restful API 接口文檔

摘要：需求和背景需求為客戶端同事寫接口文檔的各位后端同學已經在各種場合回憶了使用自動化文檔工具前手寫文檔的血淚史我的故事卻又不同因為首先來說我在公司是組負責人屬于上述血淚史中催死人不償命的客戶端陣營但血淚史卻是相通的沒有自動化文檔的日子對接口就是需求和背景需求: 為客戶端同事寫接口文檔的各位后端同學,已經在各種場合回憶了使用自動化文檔工具前手寫文檔的血淚史.我的故事卻又不同,因為首先來說...

xiaotianyi 2019-06-28 18:43 評論0 收藏0
使用form-create動態生成vue組件,支持json格式

摘要：說明文檔示例商品名稱商品加個創建時間是否顯示顯示不顯示通過建立一個虛擬的方式生成自定義組件生成上面的代碼是通過生成器動態生成一個正在加載的按鈕組件上面的代碼是通過方式動態生成一個按鈕組件修改可以通過一下兩種方式動態修改組件的配置項通 [github] | [說明文檔] 示例 showImg(https://segmentfault.com/img/remote/1460000017...

happyhuangjinjin 2019-08-23 14:48 評論0 收藏0
Json-path學習筆記<一>

摘要：簡介是用于結構化數據序列化的一種文本格式，包含種基礎類型字符串，數字，布爾和和兩種結構類型對象和數組。對象是一個由零或者多個名值對組成的無序集合，其中名值對中名是字符串類型，值則可以是字符串，數字，布爾，，對象或數組類型。 Json JavaScript Object Notation (JSON)是一個輕量級的，基于文本的，跨語言的數據交換格式。它從ECMAScript編程語言標準（...

Vicky 2019-08-14 12:35 評論0 收藏0