JQuery/JS插件数组转换为Table

//数组 转换为 table

        var arr = [{ "D_AlarmValue": 7.00, "D_Code": "002", "D_CurValue": 0.0, "D_Name": "环境风速", "D_Position": "K5+232", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 7.00, "D_Code": "003", "D_CurValue": 0.0, "D_Name": "水质监测", "D_Position": "K5+232", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "mg/L" }, { "D_AlarmValue": 7.00, "D_Code": "005", "D_CurValue": 0.0, "D_Name": "环境噪音", "D_Position": "K5+232", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "分贝" }, { "D_AlarmValue": 7.00, "D_Code": "006", "D_CurValue": 0.0, "D_Name": "水流监测", "D_Position": "K5+232", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "T/H" }, { "D_AlarmValue": 7.00, "D_Code": "008", "D_CurValue": 0.0, "D_Name": "粉尘监测", "D_Position": "K5+232", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "T/H" }, { "D_AlarmValue": 7.00, "D_Code": "FF26", "D_CurValue": 0.0, "D_Name": "防水布台车风速", "D_Position": "B2进口右洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 24.00, "D_Code": "FF52", "D_CurValue": 1.30, "D_Name": "掌子面一氧化碳", "D_Position": "B2出口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "一氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 0.50, "D_Code": "2121", "D_CurValue": 0.0, "D_Name": "洞口瓦斯", "D_Position": "B2出口左洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 10.00, "D_Code": "FF54", "D_CurValue": 0.0, "D_Name": "掌子面硫化氢", "D_Position": "B2出口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "硫化氢传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 10.00, "D_Code": "FF24", "D_CurValue": 0.0, "D_Name": "掌子面硫化氢", "D_Position": "B2进口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "硫化氢传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 24.00, "D_Code": "FF55", "D_CurValue": 1.30, "D_Name": "掌子面一氧化碳", "D_Position": "B2出口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "一氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 0.50, "D_Code": "FF20", "D_CurValue": 0.0, "D_Name": "防水布台车瓦斯", "D_Position": "B2进口右洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 10.00, "D_Code": "FF58", "D_CurValue": 0.0, "D_Name": "掌子面硫化氢", "D_Position": "B2出口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "硫化氢传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 2000.00, "D_Code": "1118", "D_CurValue": 400.00, "D_Name": "掌子面二氧化碳", "D_Position": "B2进口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "二氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 2000.00, "D_Code": "1115", "D_CurValue": 407.00, "D_Name": "掌子面二氧化碳", "D_Position": "B2出口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "二氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 7.00, "D_Code": "FF49", "D_CurValue": 0.0, "D_Name": "防水布台车风速", "D_Position": "B2出口左洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 7.00, "D_Code": "FF13", "D_CurValue": 0.0, "D_Name": "防水布台车风速", "D_Position": "B2进口左洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 0.50, "D_Code": "1211", "D_CurValue": 0.0, "D_Name": "洞口瓦斯", "D_Position": "B2出口右洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 2000.00, "D_Code": "1117", "D_CurValue": 518.00, "D_Name": "掌子面二氧化碳", "D_Position": "B2进口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "二氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 2000.00, "D_Code": "1116", "D_CurValue": 404.00, "D_Name": "掌子面二氧化碳", "D_Position": "B2出口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "二氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 0.50, "D_Code": "FF35", "D_CurValue": 0.0, "D_Name": "掌子面瓦斯", "D_Position": "B2进口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 7.00, "D_Code": "1111", "D_CurValue": 1.10, "D_Name": "洞口风速", "D_Position": "B2出口右洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 0.50, "D_Code": "FF39", "D_CurValue": 0.14, "D_Name": "掌子面瓦斯", "D_Position": "B2出口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 7.00, "D_Code": "FF14", "D_CurValue": 0.0, "D_Name": "洞口风速", "D_Position": "B2进口左洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 0.50, "D_Code": "FF63", "D_CurValue": 0.12, "D_Name": "掌子面瓦斯", "D_Position": "B2出口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 0.48, "D_Code": "FF34", "D_CurValue": 0.0, "D_Name": "洞口瓦斯", "D_Position": "B2进口右洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 7.00, "D_Code": "FF30", "D_CurValue": 1.20, "D_Name": "洞口风速", "D_Position": "B2进口右洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 10.00, "D_Code": "FF40", "D_CurValue": 0.0, "D_Name": "掌子面硫化氢", "D_Position": "B2进口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "硫化氢传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 7.00, "D_Code": "2221", "D_CurValue": 0.70, "D_Name": "洞口风速", "D_Position": "B2出口左洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 24.00, "D_Code": "FF22", "D_CurValue": 1.30, "D_Name": "掌子面一氧化碳", "D_Position": "B2进口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "一氧化碳传感器", "D_Unit": "PPM" }, { "D_AlarmValue": 7.00, "D_Code": "FF53", "D_CurValue": 0.0, "D_Name": "防水布台车风速", "D_Position": "B2出口右洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "风速传感器", "D_Unit": "m/s" }, { "D_AlarmValue": 0.50, "D_Code": "FF72", "D_CurValue": 0.02, "D_Name": "防水布台车瓦斯", "D_Position": "B2出口左洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 0.50, "D_Code": "FF44", "D_CurValue": 0.13, "D_Name": "洞口瓦斯", "D_Position": "B2进口左洞洞口", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 0.50, "D_Code": "FF43", "D_CurValue": 0.0, "D_Name": "掌子面瓦斯", "D_Position": "B2进口左洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 0.50, "D_Code": "FF29", "D_CurValue": 0.0, "D_Name": "防水布台车瓦斯", "D_Position": "B2进口左洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 0.50, "D_Code": "FF56", "D_CurValue": 0.0, "D_Name": "防水布台车瓦斯", "D_Position": "B2出口右洞防水布台车", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "瓦斯传感器", "D_Unit": "%" }, { "D_AlarmValue": 24.00, "D_Code": "FF28", "D_CurValue": 5.00, "D_Name": "掌子面一氧化碳", "D_Position": "B2进口右洞掌子面", "D_Project": "城开B2项目", "D_State": 1, "D_Type": "一氧化碳传感器", "D_Unit": "PPM" }];

        var strHtml = '';

        //th

        strHtml += '<tr>';

        for (var key in arr[0]) {

            strHtml += '<th>' + key + '</th>';

        }

        strHtml += '</tr>';

        //td

        for (var i = 0; i < arr.length; i++) {

            var item = arr[i];

            strHtml += '<tr>';

            //拼td

            for(var key in item){

                var value = item[key];

                strHtml += '<td>' + value + '</td>';

            }

            strHtml += '</tr>';

        }

        document.getElementById('t1').innerHTML = strHtml;

JQuery/JS插件数组转换为Table的更多相关文章

JQuery/JS插件 jsTree加载树，预先加载，初始化时加载前三级节点，当展开第三级节点时就加载该节点下的所有子节点
jsTree加载树, 初始化时加载前三级节点, 当展开第三级节点时就加载该节点下的所有子节点 html: <!DOCTYPE html> <html> <head&g ...
JQuery/JS插件 jsTree加载树，普通加载，点一级加载一级
前端: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <tit ...
js一维数组转换为二维数组
function arrTrans(num, arr) { // 一维数组转换为二维数组 const iconsArr = []; // 声明数组 arr.forEach((item, index) ...
JQuery/JS插件 zTree树，点击当前节点展开，其他节点关闭
好像没找到现成的,就自己写了一个demo. 效果如下: 代码: <!DOCTYPE html> <html> <head> <meta http-equiv= ...
JQuery/JS插件日期插件
用于日期的计算,功能比较全,我常用的主要是日期的计算(多一天少一天,或者添加几个月等),日期格式化网址:http://momentjs.cn/ 测试代码: <!DOCTYPE html> ...
jquery/js分割数组
substr(star[,length]);//star起始位置 length截取的长度 substring(star,end);//star起始位置,end结束位置都是以0开始的索引值
JavaScript将数组转换为链表
JS中将数组转换为链表 /** * 将数组转换为链表 * @param array arr 需要转换的数组 * @param int type 转换的类型,0为单链表,1为循环链表 * @return ...
Jquery 插件\Js 插件收集
1.linq.js 使得js 的数组像c#的linq操作一下样 http://linqjs.codeplex.com/ 2.分页插件 https://github.com/mricle/Mricode ...
【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)
参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 ' ...

随机推荐

React Native 安卓程序运行报错： React Native version mismatch（转载）
这个问题已经得到解决,参照stackoverflow上的问题:https://stackoverflow.com/que...这个问题的原因就处在Android工程中app/build.gradle中 ...
OneStopEnglish corpus: A new corpus for automatic readability assessment and text simplification-paper
这篇论文的related work非常详尽地介绍了各种readability的语料 abstract这个paper描述了onestopengilish这个三个level的文本语料的收集和整理,阐述了再 ...
消息队列MQ】各类MQ比较
目前业界有很多MQ产品,我们作如下对比:RabbitMQ 是使用Erlang编写的一个开源的消息队列,本身支持很多的协议:AMQP,XMPP, SMTP, STOMP,也正是如此,使的它变的非常重量级 ...
python写service时全局变量问题
在尝试用flask写service的过程中,我发现全局变量使用虽然很方便,但其实是很冒险的. 本次我使用的是声明global变量的方式,如果作为本地的单次使用的程序来说,确实没有问题并且很好用,对于竞 ...
PythonStudy——Python字典底层实现原理 The underlying implementation principle of Python dictionary
在Python中,字典是通过散列表或说哈希表实现的.字典也被称为关联数组,还称为哈希数组等.也就是说,字典也是一个数组,但数组的索引是键经过哈希函数处理后得到的散列值.哈希函数的目的是使键均匀地分布在 ...
How to create an rpm package
转自:https://linuxconfig.org/how-to-create-an-rpm-package Rpm is both the package manager and the pack ...
C++ 是编程界的背锅侠
C++ 是编程界的背锅侠, C++ 背的包袱之庞大复杂, 举世瞩目, 令人感动 . C++ 标准委员会俨然已成了一个职业 . C++ 把静态编译体系发展到庞大复杂, C ...
3.2-1937 Problem D
#include <stdio.h> ; }; }; int main(void) { int n; while(scanf("%d", &n) != EOF) ...
python的set处理二维数组转一维数组
for splitValue in set(dataset[:, featureIndex].tolist()): 首先set是一个无序,无重复的数据结构,所以很多时候使用它来进行去重:但是set接收 ...
Hello ThreadPoolExecutor
ThreadPoolExecutor创建: public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliv ...

JQuery/JS插件 数组转换为Table

JQuery/JS插件 数组转换为Table的更多相关文章

随机推荐

热门专题

JQuery/JS插件数组转换为Table

JQuery/JS插件数组转换为Table的更多相关文章