Javascript 中的 filter()函数

首页 / JavaScript入门教程 / Javascript 中的 filter()函数

JavaScript array.filter()方法满足条件的所有元素集合,返回一个新数组。

filter() - 语法

array.filter(callback[, thisObject]);

filter() - 返回值

返回创建的数组。

无涯教程网

filter() - 相容性

此方法是ECMA-262标准的JavaScript扩展;因此,它可能不存在于该标准的其他实现中。要使其工作,您需要在脚本顶部添加以下代码。

if (!Array.prototype.filter) {
   Array.prototype.filter=function(fun /*, thisp*/) {
      var len=this.length;
      if (typeof fun != "function")
      throw new TypeError();
      
      var res=new Array();
      var thisp=arguments[1];
      for (var i=0; i < len; i++) {
         if (i in this) {
            var val=this[i];   //in case fun mutates this
            if (fun.call(thisp, val, i, this))
            res.push(val);
         }
      }
      return res;
   };
}

filter() - 示例

<html>
   <head>
      <title>JavaScript Array filter Method</title>
   </head>
   
   <body>   
      <script type="text/javascript">
         if (!Array.prototype.filter) {
            Array.prototype.filter=function(fun /*, thisp*/) {
               var len=this.length;
            
               if (typeof fun != "function")
               throw new TypeError();
            
               var res=new Array();
               var thisp=arguments[1];
            
               for (var i=0; i < len; i++) {
                  if (i in this) {
                     var val=this[i];   //in case fun mutates this
                     if (fun.call(thisp, val, i, this))
                     res.push(val);
                  }
               }
               return res;
            };
         }
         function isBigEnough(element, index, array) {
            return (element >= 10);
         }
         var filtered =[12, 5, 8, 130, 44].filter(isBigEnough);
         document.write("Filtered Value : " + filtered ); 
      </script>      
   </body>
</html>

运行上面代码输出

Filtered Value : 12,130,44 

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

Nginx核心知识150讲 -〔陶辉〕

iOS开发高手课 -〔戴铭〕

Flutter核心技术与实战 -〔陈航〕

Java业务开发常见错误100例 -〔朱晔〕

Django快速开发实战 -〔吕召刚〕

MySQL 必知必会 -〔朱晓峰〕

HarmonyOS快速入门与实战 -〔QCon+案例研习社〕

Tony Bai · Go语言第一课 -〔Tony Bai〕

结构执行力 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)