好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

JavaScript实现筛选数组

本文实例为大家分享了JavaScript实现筛选数组的具体代码,供大家参考,具体内容如下

今天,运用JavaScript的相关知识,制作了筛选数组的案例。希望我们互相学习,共同进步!

最终效果图:

js代码部分:

?

<!DOCTYPE html>

< html lang = "en" >

< head >

  < meta charset = "UTF-8" >

  < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >

  < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >

  < title >筛选数组</ title >

  < script >

   function Search(arr) {

    var newArr = [];

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

     if (arr[i] > 10) {

      newArr[newArr.length] = arr[i];

    }

   }

    return newArr;

   }

   var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];

   Search(arr);

   alert('您输入的数字分别为'+arr+'\n'+'大于10的数有:'+Search(arr));

  </ script >

</ head >

< body >

</ body >

</ html >

小结:

筛选数组在各种编程语言十分常见,也很重要,希望大家熟练运用。

之前看到一段代码:js根据数组筛选对象数组,分享给大家

根据存放id的数组,来筛选带此id的对象

?

var array = [

{

  time: '2020' ,

  id: '1' ,

},

{

  time: '2020' ,

  id: '2' ,

},

{

  time: '2020' ,

  id: '3' ,

}];

var filterIds = [ '1' , '3' ];

var result = array.filter((a,i)=>{

   return filterIds.some(f=>(f === a.id))

})

//[{time: "2020", id: "1"},{time: "2020", id: "3"}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/weixin_47062907/article/details/114241214

查看更多关于JavaScript实现筛选数组的详细内容...

  阅读:44次