js遍历多层嵌套对象存在的JSO数据

最新推荐文章于 2023-06-24 16:35:16 发布

置顶刘小筛

最新推荐文章于 2023-06-24 16:35:16 发布

阅读量3.3k

点赞数 1

分类专栏： Javascript HTML 前端文章标签： JavaScript 递归 JSON 嵌套对象属性值获取

本文链接：https://blog.csdn.net/lhjbk/article/details/109267228

版权

Javascript 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

前端

17 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

js获取含有多层嵌套对象的JSON数据，主要应用迭代的思想。
该案例需要获取jsonData中的所有属性值。

<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title></title>
</head>
<body>
	<h1>
		<button onclick='jsTostr(jsData,content,1)'>click</button>
	</h1>
</body>
<script type="text/javascript">
	var jsData = {
		name: 'zhansan',
		year: 18,
		book: {
			price: 26,
			author: 'jinyong',
			publish: 'cdn-876'
		}
	}
	var content = [];
	function jsTostr(data,arr,flag) {
		for (let key in data) {
			if (typeof(data[key]) == 'object') {
				jsTostr(data[key],arr,false);
			} else {
				arr.push(data[key])
			}
		}
		if (flag) {
		console.log(arr);
		}
	}
	
/*
函数内部自定义空数组接受所有数据
*/
	// function jsTostr(data,flag) {
	// 	var arr3=[];
	// 	var arr=[];
	// 	for (let key in data) {
	// 		if (typeof(data[key]) == 'object') {
	// 			var arr1=jsTostr(data[key],false);
	// 			arr3=arr.concat(arr1);
	// 		} else {
	// 			arr.push(data[key]);
	// 		}
	// 	}

	// 	if (flag) {
	// 	console.log(arr3);
	// 	return arr3; /* 递归函数最终返回值*/
	// 	}
	// 	return arr; /*递归函数每次执行返回值*/
	// }
</script>
</html>