json对象转对象数组

最新推荐文章于 2025-06-29 22:19:28 发布

原创最新推荐文章于 2025-06-29 22:19:28 发布 · 1.9w 阅读

7 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了JavaScript中对象的两种取值方式：直接访问和使用[]操作符，并介绍了如何将对象转换为数组，包括获取对象的key和value集合，以及如何通过修改push内容创建对象数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象的两种取值方式

let obj = {name: 'wan'};
console.log(obj.name);  //wan

这是最普通的一种方式，还有一种方式我们用的不太多，就是使用[]包住属性名取值

let obj = {name: 'wan'};
console.log(obj[name]);  //wan

将对象转化为数组

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};

如果目标数组只是为了得到对象的key的集合或者value的集合还是相对容易的

var arr = []
for (let i in obj) {
    arr.push(obj[i]); //属性
    //arr.push(obj[i]); //值
}
console.log(arr);

如果目标数组是对象数组，只需要改变一下push进去的内容为一个对象即可

下面是一个测试例子

 <html>
        <head>
        	<title>json对象转数组对象</title>
        </head>
        <body>
        	<script type="text/javascript">
        		var $formParams = {maxAmount:'10000',uploadAmount:'20000'}
        		var formParamsArr = []
        	    for(var i in $formParams){
        	        var o = {};
        	        o[i] = $formParams[i];
        	        formParamsArr.push(o)
        	    }
        	    console.log(formParamsArr)
        	</script>
        </body>
        </html>

在这里插入图片描述