js练习:找到数组中所有的数字

2025-11-05 06:17:23

1、先附上题目的代码原图,找到其中数字,即-98765,34,-2,0,5

js练习:找到数组中所有的数字

2、添加变量,找到p标签,将arr数组innerHTML到p标签中,观察显示到前端的数组成员,代码如下:

var oP = document.getElementById('content'); //找到p

oP.innerHTML = arr; // 添加数组到p标签中

js练习:找到数组中所有的数字

3、看前端页面代码输出结果为:

100px,NaN,,-98765,34,-2,0,300,,function(){alert(1);},,[object HTMLDocument],,true,NaN,23.45元,5,NaN,function(){ alert(3); },NaN

后面我用的是typeof判断元素数据类型来找数字的方法,所以NaN会影响结果,这里先做一个NaN的过滤,利用的是NaN本身不相等的特性,代码如下:

var arrT = []; //添加一个中转数组,用于存放去除NaN之后的数组成员

for ( var i=0; i<arr.length; i++){

if (arr[i] === arr[i]){ //本身相等,则不是NaN,放到arrT中

arrT.push(arr[i]);

}

}

alert(arrT); //最后弹出看下结果

js练习:找到数组中所有的数字

js练习:找到数组中所有的数字

4、做数组成员的判断,使用typeof查看数组成员的数据类型,如果是number,则该项为数字,代码如下:

for ( var i=0; i<arrT.length; i++){

if (typeof arrT[i] === 'number'){

oP.innerHTML += arrT[i] + ','; //将数字项依次写入到p标签中

}

}

5、贴出全部写完后的js代码,刷新前端页面,可以看到显示数字:

-98765,34,-2,0,5,

js练习:找到数组中所有的数字

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:52
  • 阅读量:163
  • 阅读量:36
  • 阅读量:182
  • 阅读量:26
  • 猜你喜欢