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', //数据传输格式 ' ...

随机推荐

centos7 安装php7
方法一 rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm rpm -Uvh https:/ ...
jq实时监测输入框内容改变
$(document) .on('input propertychange','#telInput',function (e) { if (e.type === "input" | ...
day06 内存地址小数据池缓存机制
1. 内存相关示例一 v1=[11,22,33] v2=[11,22,33] #值相等内存地址不等 v1=11 v2=11 #按理说内存地址应该不等,但是python为了优化使其内存地址相等 v1 ...
day02python入门
今日概要解释器环境安装输出 python试执行数据类型变量输入注释条件判断循环占位符数据类型转换 1. 环境的安装 python解释器 py2: Python2.7 (老版本) . ...
阻塞I/O、非阻塞I/O和I/O多路复用
一.阻塞I/O 首先,要从你常用的IO操作谈起,比如read和write,通常IO操作都是阻塞I/O的,也就是说当你调用read时,如果没有数据收到,那么线程或者进程就会被挂起,直到收到数据.阻塞的意 ...
在C#中如何判断线程当前所处的状态
在C#中,线程对象Thread使用ThreadState属性指示线程状态,它是带Flags特性的枚举类型对象. ThreadState 为线程定义了一组所有可能的执行状态.一旦线程被创建,它就至少 ...
《Linux内核原理与分析》第四次作业
跟踪分析Linux内核的启动过程使用实验楼的虚拟机打开shell 使用 gdb 跟踪调试内核使用 qemu qemu -kernel linux-3.18.6 /arch/x86/boot/baI ...
如何在idea中引入一个新maven项目
如何在idea中引入一个新的maven项目,请参见如下操作:
文件-- 字节相互转换(word、图片、pdf...)
方式一: /// <summary> /// word文件转换二进制数据(用于保存数据库) /// </summary> /// <param name="wo ...
Verilog HDL中的运算符关系
1,位运算符按位运算的运算符是位运算符,原来的操作数有几位,结果就有几位,若两个操作数位数不同,则位数短的操作数左端会自动补0. (1),按位取反:~ (2),按位与:& (3),按位或:| ...

JQuery/JS插件 数组转换为Table

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

随机推荐

热门专题

JQuery/JS插件数组转换为Table

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