Object.keys和Object.values

需求,数据格式是这样的,然后使用baidutemplate渲染页面的时候列数未知。

数据

    var data = {"state":true,"data":{"key":"idd:ast:alldata","data":[{"k0":"2018-05-19","k1":201970,"k2":21732,"k3":9.29,"k4":7320,"k5":244,"k6":30.01,"k7":194650,"k8":21488,"k9":9.06},{"k0":"2018-05-18","k1":191160,"k2":20286,"k3":9.42,"k4":7240,"k5":231,"k6":31.34,"k7":183920,"k8":20055,"k9":9.17},{"k0":"2018-05-17","k1":192805,"k2":20452,"k3":9.43,"k4":6375,"k5":268,"k6":23.79,"k7":186430,"k8":20184,"k9":9.24},{"k0":"2018-05-16","k1":191955,"k2":20131,"k3":9.54,"k4":4765,"k5":198,"k6":24.07,"k7":187190,"k8":19933,"k9":9.39},{"k0":"2018-05-15","k1":186710,"k2":19245,"k3":9.7,"k4":3065,"k5":188,"k6":16.3,"k7":183645,"k8":19057,"k9":9.64},{"k0":"2018-05-14","k1":46305,"k2":5253,"k3":8.81,"k4":415,"k5":23,"k6":18.04,"k7":45890,"k8":5230,"k9":8.77}],"wordbook":{"k0":"\u65e5\u671f","k1":"\u83b7\u53d6\u603b\u6570","k2":"\u83b7\u53d6\u603b\u4eba\u6570","k3":"\u4eba\u5747\u83b7\u53d6\u6570","k4":"\u6d88\u8017\u603b\u6570","k5":"\u6d88\u8017\u603b\u4eba\u6570","k6":"\u4eba\u5747\u6d88\u8017\u6570","k7":"\u672a\u6d88\u8017\u603b\u6570","k8":"\u672a\u6d88\u8017\u603b\u4eba\u6570","k9":"\u4eba\u5747\u672a\u6d88\u8017\u6570"}}};

解决方案1:

html代码:

<tr>
    <%for(var item_title in wordbook){ %>
        <th width="auto"><%=wordbook[item_title]%></th>
    <%}%>
</tr>

说明:

使用for in 循环获取循环变量,渲染的时候根据循环变量获取值。

解决方案2:

html代码:

Object.keys(wordbook).length
Object.values(wordbook).length

说明:

使用Object.keys()或者Object.values()获取循环变量,渲染的时候根据循环变量获取值。Object.keys()函数返回索引(不仅仅是数字),Object.values()函数返回值。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一个爱吃西瓜的程序员

Python基础学习-操作列表

一 :遍历整个列表 1:使用for循环来遍历列表: 例: ? 输出: ? 二:避免缩进错误 1:Python根据缩进来判断代码行与前一个代码行的关系。 2:...

29040
来自专栏前端小吉米

Promise 串行调用面试题

20430
来自专栏社区的朋友们

sizeof 知多少? (下)

稍熟悉 C/C++ 的朋友,对于 sizeof 肯定不陌生,通过它我们可以知晓某个类型或者实例的内存大小( 以字节计 ),网上关于这个话题的信息其实挺多的,但是...

11900
来自专栏鸿的学习笔记

Python漫谈

列表切片的标准是lst[a:b:c] a是列表切片的开头,b是切片的结尾,c是step。 这里的表示从第一个元素开始,按照每隔一步,到第三个元素结束

10330
来自专栏hbbliyong

12个非常有用的JavaScript技巧

在这篇文章中,我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。  1) 使用!!将变量转换成布尔类型 有时,我们需要检查...

27370
来自专栏运维小白

9.4sed(上)

sed工具 sed -n '5'p test.txt sed -n '1,5'p test.txt sed -n '1,$'p test.txt sed -n ...

18780
来自专栏Golang语言社区

厚土Go学习笔记 | 17. 结构体及用指针访问结构体

结构体是个很有用的东西,在用计算机语言描述现实世界里的东西时,不得不大量的使用它。把现实世界的某一样东西的各种属性,用一个一个的变量记录下来。 最简单的比如:平...

35280
来自专栏LEo的网络日志

c库函数strncat出现乱字符

39570
来自专栏python3

python3--元组(tuple),列表(list),字典dict,其它(for,enumerate,range)

元组被称为只读列表,即数据可以被查询,但不能被修改,所以,字符串的切片操作同样适用于元组

26110
来自专栏Golang语言社区

Golang语言--变量作用域

作用域为已声明标识符所表示的常量、类型、变量、函数或包在源代码中的作用范围。 Go 语言中变量可以在三个地方声明: 函数内定义的变量称为局部变量 函数外定义的变...

37160

扫码关注云+社区

领取腾讯云代金券