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

随机推荐

深入理解使用synchronized同步方法和同步代码块的区别
一.代码块和方法之间的区别首先需要知道代码块和方法有什么区别: 构造器和方法块,构造器可以重载也就是说明在创建对象时可以按照不同的构造器来创建,那么构造器是属于对象,而代码块呢他是给所有的对象初始化 ...
安卓开发学习之AutoCompleteTextView
最近在学习安卓开发,开始是看视频学的,基本上是照着老师的操作来,但其实老师也是按照安卓的开发文档来教的,于是决定试试自己看文档来学. 今天学到AutoCompleteTextView,一上来先按照Li ...
A Statistical Model for Scientific Readability-paper
Authors: Luo SiCarnegie Mellon University, Pittsburgh, PA Jamie CallanCarnegie Mellon University, Pi ...
使用Log4net 日志系统
官方文档 http://logging.apache.org/log4net/release/config-examples.html C# 项目中直接使用nuget,下载Apache的log4net ...
spring aop无法拦截类内部的方法调用
1.概念拦截器的实现原理就是动态代理,实现AOP机制.Spring 的代理实现有两种:一是基于 JDK Dynamic Proxy 技术而实现的:二是基于 CGLIB 技术而实现的.如果目标对象实现 ...
Hbase 与mapreduce结合
Hbase和mapreduce结合为什么需要用mapreduce去访问hbase的数据? ——加快分析速度和扩展分析能力 Mapreduce访问hbase数据作分析一定是在离线分析的场景下应用案例 ...
MQTT研究之mosquitto：【环境搭建】
环境信息: 1. Linux Centos7.2 环境,CPU 2核,内存8G. 2. mosquitto版本:mosquitto-1.5.4 官网:http://mosquitto.org/down ...
QT QHttpMultiPart上传图片
使用get请求或post请求可以传递简单的参数,但要上传图片到服务器,就要多做一些工作了,如下代码片段利用post请求可成功上传图片到服务器: QNetworkRequest request; req ...
flutter环境配置
java环境安装做基于android的原生app,首先需要安装java环境,需要到官网https://www.oracle.com/technetwork/java/javase/downloads ...
[UE4]Retainer Box
把子元素的内容渲染到一个Render Target上去,然后放把它放置到到屏幕上去. Retainer Box的作用: 1.控制UI更新频率 2.把渲染后的UI当成Texture,放入材质中,加工后, ...

JQuery/JS插件 数组转换为Table

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

随机推荐

热门专题

JQuery/JS插件数组转换为Table

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