JavaScript对象key值为数字时,如何将数据转换为数组

218 阅读 0 评论 144 点赞

我是靠谱客的博主彩色小懒猪，这篇文章主要介绍JavaScript对象key值为数字时,如何将数据转换为数组，现在分享给大家，希望可以做个参考。

JavaScript对象key值为数字时,如何将数据转换为数组

需求：问卷调查，使用vue循环渲染，效果如图：
在这里插入图片描述

问题：前端渲染需要数组，但是后台返回的json的结构是对象，更坑的是key值还是数字（需要注意，这个数字还不是有序排列），数据示例

需要注意，这个数字还不是有序排列

如果使用对象直接进行渲染，很明显会报错，无法进行渲染，所以前端需要转换为数组。

解决方案：

let arr = {
	0: {"questionId": 1},
	1: {"questionId": 2},
	2: {"questionId": 3},
	3: {"questionId": 4},
	29: {"questionId": 5},
}
// 第一步: 设置空数组
let questionListType = [] // 存储新的数组
// 第二步: 遍历arr对象，将数据插入到数组中
for (let name in arr) {
	questionListType.push(arr[name + ''])
}
console.log(questionListType) // 打印的数据是我需要的数据格式

控制台显示：
在这里插入图片描述