数据类型转换-将年月数据转换成cascader支持类型

aiyayaya_

于 2023-03-06 14:22:13 发布

阅读量197

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/aiyayaya_/article/details/129358891

版权

文章描述了一个用于转换数据格式的JavaScript函数，该函数将接口返回的日期格式转换为Cascader组件所需的格式。它首先创建两个数组，然后遍历数据，根据年份去重并构建Cascader所需的层级结构。最后，将处理后的数据返回，以便在前端展示。

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

数据格式改变
cascader组件的options格式是如图格式在这里插入图片描述
接口返回的是一个一个日期
export const arraryToCascader = data => {
const dateArr = []
const dateList = []
data.map(item => {
if (!dateList.includes(item.statistical_date.split(‘-’)[0])) {
dateList.push(item.statistical_date.split(‘-’)[0])
dateArr.push({
label: item.statistical_date.split(‘-’)[0],
value: item.statistical_date.split(‘-’)[0]
})
dateArr[dateArr.length - 1].children = []
}
})
dateArr.forEach(child => {
data.map(item => {
if (child.value === item.statistical_date.split(‘-’)[0]) {
child.children.push({
label: item.statistical_date,
value: item.statistical_date
})
}
})
})
return dateArr
}
转换后的数据就可以适配 cascader