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', //数据传输格式 ' ...
随机推荐
- vscode 插件推荐 - 献给所有前端工程师（更新与2018.8.1）
VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观 ...
- java001单词拼写
System.out.printIn("string"); 报错: 百度大神指点,是小写的l而不是大写的I,应该为 System.out.println("Hello S ...
- 2019西湖论剑网络安全技能大赛（大学生组）--奇怪的TTL字段（补充）
鉴于有人不会将得到的16进制数据在winhex中转成图片,我在这里写一个详细的步骤. 首先就是将六张图片的十六进制数据找出并提取出来. 打开winhex,新建一个文档. 大小可以选1bytes 将数据 ...
- MySQL8.0 关闭二进制日志
Binary logging is enabled by default (the log_bin system variable is set to ON). The exception is if ...
- PythonStudy——字典 Dictionary
# 容器(集合):存放多个值的变量# 单列容器(系统中的单列容器很多):list | tuple# 双列容器(map):只有dict,存放数据 成对出现,dict存放数据采用 key-value键值对 ...
- Android related
The build env. ensure that your computer’s BIOS is set up to support Intel’s virtualization extensio ...
- Docker常用命令（四）
通过一些例子来了解基本的命令使用 1.查看docker信息 docker info 2.安装完Docker后,里面还有任何镜像,先从仓库下载一个基础镜像,然后在这个基础 ...
- 量化分析v1
量化分析v1 # -*- coding: utf-8 -*- """ Created on Wed Apr 11 10:13:32 2018 @author: chens ...
- RGB格式图像转化为HSV格式
注:在阴影检测算法中经常需要将RGB格式的图像转化为HSV格式,对于阴影区域而言,它的色度和饱和度相对于原图像而言变化不大,主要是亮度信息变化较大,,将RGB格式转化为HSV格式,就可以得到H.S.V ...
- iOS上传本地代码到git
1.顾名思义,首先你得注册一个github账户 这个我就不细说了. 2.然后你得创建一个 repository 步骤见下图 3.相当于创建成功 会跳到下图界面 4.一看就很清楚了 create a ...