js处理json js递归
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JOSN演示</title>
<script src="component/jquery-1.11.1.js"></script>
<script>
$(document).ready(function() {
var jsonStr = "{'name': 'cxh', 'sex': 'man', 'age': 1}";
var obj = eval('(' + jsonStr + ')');
var traverseJson="{ 'name': 'cxh', 'sex': 'man', 'age': 1},解析结果:</br>";
for(var a in obj) {
traverseJson += "key: " + a +",value: " + obj[a]+" </br> ";
}
$("#traverseJson").html(traverseJson);
var arrayStr = [{"name":"运维管理","tId":"roleMenu0_1","children":[{"name":"权限管理","tId":"roleMenu0_2","children":[{"name":"角色管理","tId":"roleMenu0_3"},{"name":"用户管理","tId":"roleMenu0_4"}]},{"name":"菜单分配","tId":"roleMenu0_5"}]}];
var str = "";
f(arrayStr, str);
}); function f(array, str) {
str += "--";
for (var i = 0; i < array.length; i++) {
var object = array[i];
if (object.children) {
$("#traverseArray").append(str + object.name +" </br> ");
f(object.children, str);
} else {
$("#traverseArray").append(str + object.name +" </br> ");
}
}
}
</script>
</head>
<body>
<font color="red" id="traverseJson"></font>
<hr/>
<font color="red" id="traverseArray"></font>
</body>
</html>
输出结果为:
aaarticlea/png;base64,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" alt="" />
js处理json js递归的更多相关文章
- prototype.js 和json.js 冲突
1.冲突简述和分析 prototype.js与json.js并不是完全兼容的.主要冲突在于json.js为Object的原型增加了一个toJSONString的方法. 冲突之一:是prototype中 ...
- 用json2.js 代替 json.js防止与jQuery的js冲突
用json2.js 代替 json.js防止与jQuery的js冲突 1 s.toJSONString json.js:259 2 Object.toJSONString json.js:158 3 ...
- js 使用json.js处理json对象
使用参考代码: <script src="json/json2.js"></script> <script type="text/javas ...
- JavaScript中解析JSON --- json.js 、 json2.js 以及 json3.js的使用区别
JSON官方(http://www.json.org/)提供了一个json.js,json.js是JSON官方提供的在JavaScript中解析JSON的js包,json.js.json2.js.js ...
- json树递归js查询json父子节点
上代码,直接另存为html打开,看console控制台就可以看到效果了 <!DOCTYPE html> <html lang="en"> <head& ...
- Json——js和C#对Json的操作
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式.博主记得几年前在华为外包项目中有一个和Android应用交互的需求,Andr ...
- js 将json字符串转换为json对象的方法解析
推荐: var obj = eval('(' + str + ')'); var last=JSON.stringify(obj); //将JSON对象转化为string字符 例如: JSON字符串: ...
- C#、js、json Datetime格式总结
在工作过程中遇到时间格式的数据在C#.js 和 json保存的不同结果,现在总结一下 JavaScript Parser: 1.数字型时间转字符串时间 如var data = "/Date( ...
- js声明json数据,打印json数据,遍历json数据
1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...
随机推荐
- UE4 TSubclassOf VS Native Pointer
最近看到了TSubclassOf ,所以想要弄清楚跟一般指针的区别~ NativePointer VS UClass* VS TSubclassOf AActor* p ...
- UserView--第一种方式set去重,基于Spark算子的java代码实现
UserView--第一种方式set去重,基于Spark算子的java代码实现 测试数据 java代码 package com.hzf.spark.study; import java.util.Ha ...
- 邓_phpcms_phpcms授课思路复习
思路: 一.目前在企业中使用比较多的cms内容管理有如下几种: 1.dedecms 2.phpcms 二.我们选择学习v9版本的phpcms,主要有以下几点原因: 1.基于MVC模式的内容管理系统 2 ...
- Angular 4 设置组件样式的几种方式
你用Angular吗? 一.介绍 如何只改动最简单的css代码,呈现完全不一样的视图效果. 第一种:最基本的设置: 图1 代码 图2 界面运行效果图 平常,想给一个label或者p等标签添加样 ...
- CCF系列之模板生成系统( 201509-3 )
试题名称: 模板生成系统 试题编号: 201509-3 时间限制: 1.0s 内存限制: 256.0MB 问题描述 成成最近在搭建一个网站,其中一些页面的部分内容来自数据库中不同的数据记录,但是页面的 ...
- Java调用阿里云短信通道服务【千锋】
这里我们使用SpringBoot 来调用阿里通信的服务. 阿里通信,双11.收到短信,日发送达6亿条.保障力度非常高. 使用的步骤: 1.1. 第一步:需要开通账户 1.2. 第二步:阅读接口文档 1 ...
- VMware虚拟机上建立HTTP服务步骤
1.使用xshell连接虚拟机,也可直接在虚拟机中敲命令. 以下是xshell上的命令: 首先安装HTTPD包 [root@one ~]# mount /dev/sr0 /mnt[root@one ~ ...
- 2017-06-26(groupadd groupmod groupdel)
groupadd groupadd 组名 (创建用户组) groupadd -g 组编号 组名 (创建组名 并且指定编号) groupmod groupmod -n 新组名 旧组名 ...
- linux下安装python3
不建议卸载python2 可能会导致系统内其他软件无法使用 1.下载 wget https://www.python.org/ftp/python/3.6.0/Python-3.6.0a1.tar.x ...
- 流API--缩减操作
在Stream流操作中,比如说min(),max(),count()方法,这几个操作都会将一个流缩减成一个值,流API将这些操作称为特例缩减.另外,流API同时泛华了缩减这种概念,提供了reduce( ...