前端方法 将获取到的字符串7,3,修改为['星期一', '星期二', '星期四', '星期五', '星期六', '星期日', ]这种形式,数字1到7对应周一到周日,如果返回为true',则证明为全选,如果返回为7,3这种形式则数据回显,对应勾选星期三和星期日
时间: 2023-08-06 15:21:06 浏览: 75
layui table数据修改的回显方法
可以使用以下前端方法将字符串 '7,3,' 转换为列表 ['星期一', '星期二', '星期四', '星期五', '星期六', '星期日']:
```javascript
function getSelectedWeekdays(selected) {
const weekdays = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
if (selected === 'true') {
return weekdays; // 全选
} else {
const selectedIndices = selected.split(',').filter(Boolean).map(i => parseInt(i) - 1); // 选中的索引
return weekdays.filter((day, index) => selectedIndices.includes(index)); // 选中的工作日
}
}
```
调用该方法,传入字符串 '7,3,',则返回值为 ['星期一', '星期二', '星期四', '星期五', '星期六', '星期日'],即对应勾选星期三和星期日。
解释:首先定义了一个包含所有工作日的数组 weekdays,然后通过判断 selected 是否为字符串 'true' 来判断是否是全选,如果是全选,则直接将 weekdays 返回;如果不是全选,则先将 selected 字符串按逗号分隔并去掉空字符串,然后将得到的每个数字减一得到选中的索引列表 selectedIndices,最后通过数组的 filter 和 includes 方法从 weekdays 中取出对应的工作日名称并返回。
阅读全文