isShow.value = false; let i = menu.value.find((v) => v.isActive === true).id - 1; const labels=[houseType,orientation,rentStr] params.value[labels[i]] = tagsList.value.find( (v) => v.isActive )?.value; if (i=== 3) { params.value.houseLabels = tagsList.value?.filter(v => v.isActive)?.map(item =>item.value * 1).join(",") } 优化
时间: 2024-03-02 10:49:30 浏览: 76
vue 1.0 结合animate.css定义动画效果
这段代码可以进行一些优化,例如:
1. 将参数labels定义为常量,避免在每次执行时都重新创建数组。
2. 使用Array.prototype.findIndex()方法查找isActive为true的项的索引,而不是使用find()方法查找后再获取id属性。
3. 使用可选链运算符(?.)代替对tagsList.value.find()方法返回结果的判断。
4. 将条件判断语句中的数字3替换为labels数组的长度减1(labels.length - 1)。
优化后的代码如下:
```
isShow.value = false;
const labels = ['houseType', 'orientation', 'rentStr'];
const activeIndex = menu.value.findIndex((v) => v.isActive === true) - 1;
params.value[labels[activeIndex]] = tagsList.value.find((v) => v.isActive)?.value;
if (activeIndex === labels.length - 1) {
params.value.houseLabels = tagsList.value?.filter(v => v.isActive)?.map(item => item.value * 1).join(",");
}
```
阅读全文