JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?

在编写“圳品”信息系统中,有时需要对二维数组中的数据进行筛选并删除一些元素,比如删除二维数组中首个元素为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('

2、用for循环访问数组删除首个元素值为0的行:

'); for (i=0; i < a.length; i++) { if (0==a[i][0]) { document.write('

a['+ i +']=' + a[i] + '…… deleted!

'); 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('

2、用while循环访问数组删除首个元素值为0的行:

'); i=0; while(i < a.length) { if (0==a[i][0]) { document.write('

a['+ i +']=' + a[i] + '……删除!

'); a.splice(i,1); } else { i++; } }

如果第i行检测到首个元素为0的行则删除,循环变量i不变,进行下一次循环;否则i++。

完整代码如下:



  
  “圳品”信息系统





 

运行结果截图如下:

JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?_第1张图片 

 

你可能感兴趣的:(原创作品,JavaScript,网页制作,javascript,前端,splice,数组,HTML)