工作中又遇到一个页面保存多条信息,每条信息中又包含多个下拉框的值,在选择下拉框的时候或者最后保存的时候需要判断保存的信息有没有重复信息,主要是判断多个下拉框信息是否都相同。这个问题可以转换成比较多个对象的属性是否重复的问题
- 第一种是正常的两层for循环
for (var i=0; i<formData.length;i++) {
for (var j=i+1; i<formData.length;j++) {
if (formData[i].name == formData[j].name &&
formData[i].age==formData[j].age &&
formData[i].courseId == formData[i].courseId) {
layer.msg('以重复,请重新选择');
return;
}
}
}
- 第二种使用set的去重特性,效率极高
var tempArr=[];
for (var i=0; i<formData.length;i++) {
//将需要比较的数据合并成一个字符串
tempArr.push(formData[i].name+formData[i].age+formData[i].courseId)
}
//去重利用set特点
tempArr = Array.from(new Set(tempArr));
if(tempArr.length != formData.length) {
layer.msg('以重复,请重新选择');
return;
}
- 数组的reduce()方法
reduce方法
本文探讨了在页面上保存多条包含多个下拉框信息时,如何高效检查重复信息的方法。通过对比两种实现方式:传统的双层for循环与利用Set数据结构的特性进行去重,展示了Set方法的高效性。
&spm=1001.2101.3001.5002&articleId=108570190&d=1&t=3&u=d15df73be24747309074dad78cac2cb2)
1154

被折叠的 条评论
为什么被折叠?



