如何利用JavaScript遍历JSON数组
2015-03-25 22:23
537 查看
1、设计源码
2、设计结果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>利用JavaScript遍历JSON数组</title> <script type="text/javascript"> function traJsonArray() { var jsonArray = [{"id":"100","name":"zhangsan","age":"23","sex":"man"},{"id":"101","name":"lisi","age":"21","sex":"woman"},{"id":"102","name":"wangwu","age":"22","sex":"man"}]; var inputText = ""; for(var json in jsonArray) { for(var key in jsonArray[json]) { inputText += jsonArray[json][key]+","; } } document.getElementById("areaText").innerText = inputText; } </script> </head> <body> <div> <input type="button" id="btn" onclick="traJsonArray()" value="利用JavaScript遍历JSON数组"/> <textarea id="areaText" cols="80" rows="30"></textarea> </div> </body> </html>
2、设计结果
相关文章推荐
- 如何利用JavaScript遍历JSON数组
- JavaScript中利用for循环遍历数组
- Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式
- Javascript用递归的方式遍历json数组
- JavaScript如何将json字符串转化为数组
- 利用JSONC库遍历求出JSON数组的元素值
- 利用javascript遍历JSON数据
- 如何利用iOS多核高效遍历数组.
- 【JavaScript】js中的JSON和数组的区别,JSON的遍历
- 如何利用iOS多核高效遍历数组.
- 利用JavaScript如何查询某个值是否数组内
- javascript 算法相关,如何利用指针特性求数组并集与交集
- JQuery遍历json数组的3种方法
- [ASP.NET] 如何利用Javascript分割檔案上傳至後端合併
- javascript脚本中定义的参数数组,如何在VC++中访问
- Delphi写的ActiveX控件如何返回数组到Vbscript/javascript
- 如何正确利用超链接调用 JavaScript 函数
- javascript 排序,分组小工具 - 支持JSON数组 原生数组
- 如何利用Promises编写更优雅的JavaScript代码
- Effective JavaScript Item 49 对于数组遍历,优先使用for循环,而不是for..in循环