JavaScript Array filter() 方法

• 

  JavaScript Array filter()方法

  filter()方法创建一个数组，该数组填充了所有传递测试的数组元素（作为函数提供）。

  注意： filter()不会为没有值的数组元素执行函数。

  注意： filter()不会更改原始数组。

  实例：

  返回age数组中18或以上的所有值的数组：

  var ages = [32, 33, 16, 40];
  
  function checkAdult(age) {
    return age >= 18;
  }
  
  function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
  }

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  filter()	9.0+	支持	1.5+	支持	支持

• 

  语法

  array.filter(function(currentValue, index, arr), thisValue)
• 

  参数值

  参数	描述
  function(currentValue, index,arr)	必需的。 要为数组中的每个元素运行的函数。 函数参数： currentValue - 必需的。 当前元素的值 index - 可选的。 当前元素的数组索引 arr - 可选的。 当前元素所属的数组对象
  thisValue	可选的。 要传递给要用作“this”值的函数的值。 如果此参数为空，则值“undefined”将作为其“this”值传递

• 

  技术细节

  项目	描述
  返回值：	包含通过测试的所有数组元素的Array。如果没有元素通过测试，则返回一个空数组。
  JavaScript版本：	ECMAScript 5

• 

  更多例子

  返回age数组中特定数字或以上的所有值的数组：

  <p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
  <button onclick="myFunction()">Try it</button>
  
  <p>All ages above minimum: <span id="demo"></span></p>
  
  <script>
  var ages = [32, 33, 12, 40];
  
  function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
  }
  
  function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
  }
  </script>

  尝试一下