在编写“圳品”信息系统中，有时需要对二维数组中的数据进行筛选并删除一些元素，比如删除二维数组中首个元素为0的行。
开始是用for循环访问数组+splice方法删除元素来做：
var a = new Array([0,0,0,0], [1,1,1,1], [0,2,2,2], [0,3,3,3], [4,4,4,4]); var i; document.write('<p><strong>2、用for循环访问数组删除首个元素值为0的行：</strong></p>'); for (i=0; i < a.length; i++) { if (0==a[i][0]) { document.write('<p>a['+ i +']=' + a[i] + '…… deleted!</p>'); a.splice(i,1); } }
运行时发现执行结果有时正常，有时会删除不干净，有遗漏。
检查分析后找到了原因：如果二维数组中连续有两行的首个元素为0的行，比如它们分别是第i行和第i+1行，那么用splice方法删除第i行后，第i+1行就会变成第i行，我们应该继续检查第i行，由于for循环每次循环会自动给循环变量i+1，所以下次循环时不再检查第i行，而是检查第i+1行，这样就造成了遗漏。
改进的办法是用while循环：
var a = new Array([0,0,0,0], [1,1,1,1], [0,2,2,2], [0,3,3,3], [4,4,4,4]); var i; document.write('<p><strong>2、用while循环访问数组删除首个元素值为0的行：</strong></p>'); i=0; while(i < a.length) { if (0==a[i][0]) { document.write('<p>a['+ i +']=' + a[i] + '……删除!</p>'); a.splice(i,1); } else { i++; } }
如果第i行检测到首个元素为0的行则删除，循环变量i不变，进行下一次循环；否则i++。
完整代码如下：
<!DOCTYPE html> <html> <meta name="Author" content="PurpleEndurer"> <title>“圳品”信息系统</title> <body> <script> var a = new Array([0,0,0,0], [1,1,1,1], [0,2,2,2], [0,3,3,3], [4,4,4,4]); var i; document.write('<p style="font-size:16pt; color:purple;"><strong>JavaScript遍历数组用splice方法删除元素，这样写可能有遗漏，你遇到过吗？</strong> @Edge浏览器 by PurpleEndurer</p>'); document.write('<p style="color:blue;"><strong>一、用for循环访问数组+splice方法删除首个元素值为0的行可能有遗漏</strong></p>'); document.write('<p><strong>1、原始数组：</strong></p>'); for (i=0; i < a.length; i++) { document.write((0==a[i][0]) ? ('<p style="color:red;">a['+ i +']=' + a[i] + '</p>') : ('<p>a['+ i +']=' + a[i] + '</p>') ); } document.write('<p><strong>2、用for循环访问数组删除首个元素值为0的行：</strong></p>'); for (i=0; i < a.length; i++) { if (0==a[i][0]) { document.write('<p>a['+ i +']=' + a[i] + '…… deleted!</p>'); a.splice(i,1); } } document.write('<p><strong>3、处理后的数组：</strong></p>'); for (i=0; i < a.length; i++) { document.write((0==a[i][0]) ? ('<p style="color:red;">a['+ i +']=' + a[i] + '……应删除但未删除</p>') : ('<p>a['+ i +']=' + a[i] + '</p>') ); } a = new Array([0,0,0,0], [1,1,1,1], [0,2,2,2], [0,3,3,3], [4,4,4,4]); document.write('<p style="color:blue;"><strong>二、用while循环访问数组+splice方法删除首个元素值为0的行</strong></p>'); document.write('<p><strong>1、原始数组：</strong></p>'); for (i=0; i < a.length; i++) { document.write((0==a[i][0]) ? ('<p style="color:red;">a['+ i +']=' + a[i] + '</p>') : ('<p>a['+ i +']=' + a[i] + '</p>') ); } document.write('<p><strong>2、用while循环访问数组删除首个元素值为0的行：</strong></p>'); i=0; while(i < a.length) { if (0==a[i][0]) { document.write('<p>a['+ i +']=' + a[i] + '……删除!</p>'); a.splice(i,1); } else { i++; } } document.write('<p><strong>3、处理后的数组：</strong></p>'); for (i=0; i < a.length; i++) { document.write((0==a[i][0]) ? ('<p style="color:red;">a['+ i +']=' + a[i] + '……应删除但未删除</p>') : ('<p>a['+ i +']=' + a[i] + '</p>') ); } </script> </body> </html>
运行结果截图如下：
