1. 项目中有个小功能,要求下拉列表A中不能出现下拉列表B中的元素。第一反应是删除,然而数组并没有删除这个功能,不过有个splice方法,但是却满足不了要求,为什么满足不了,文章下面会有详细分析,先来个正确的。秉着代码就是人的思维 先走一下逻辑。
比如两个数组:
var array1=["zc-1","zc-2","zc-3","zc-4","zc-5","zc-6","zc-7"];
var array2=["zc-3","zc-5","zc-7"];
正确思维:遍历数组array1 拿着zc-1 去和array2中的每一个元素比较 如果有相等的 则表示要删除,如果都不相等则要保存。借用中间数组存放需要保存的元素。
<script>
var array1=["zc-1","zc-2","zc-3","zc-4","zc-5","zc-6","zc-7"];
var array2=["zc-3","zc-5","zc-7"];
//存放结果
var result=[];
$(document).ready(function() {
for(var i = 0; i < array1.length; i++){
var k=0;
for(var j=0;j<array2.length;j++){
if(array1[i]!=array2[j]){
k++;
if(k==array2.length){
result.push(array1[i]);
}
}
}
}
console.log(result);
});
</script>
上述代码中的K就是判断是否都不相等 如果都不相等则k的值应该与array2相等。
输出结果如下:
["zc-1", "zc-2", "zc-4", "zc-6"]
由于数组固定所以么有对array2为空的情况做判断,项目中是有的,这里把它去了。
2.下面来解析一下splice为何不能使用,以及前辈给出的remove方法。
思路:跟上面思路一样,只不过如果相等则删除数组1中的元素
<pre name="code" class="javascript"><script>
var array1=["zc-1","zc-2","zc-3","zc-4","zc-5","zc-6","zc-7"];
var array2=["zc-3","zc-5","zc-7"];
$(document).ready(function() {
for(var i = 0; i < array1.length; i++){
for(var j=0;j<array2.length;j++){
if(array1[i]==array2[j]){
array1.splice(i,1);
}
}
}
console.log(array1);
});
</script>
待续