JavaScript 教程

JavaScript基础教程

JavaScript this 关键字
JavaScript 严格模式(use strict)
JavaScript 提升(Hoisting)
JavaScript Cookie
JavaScript 弹出框
JavaScript 表单验证
JavaScript 实践经验
JavaScript 常见错误
JavaScript 定时器(Timing)
JavaScript 性能
JavaScript 调试
JavaScript 错误处理
JavaScript Boolean(布尔) 对象
JavaScript 正则表达式(RegExp)
JavaScript 随机数(Random)
JavaScript 事件监听
JavaScript 事件(Events)
JavaScript 数组方法
JavaScript Array(数组) 对象
JavaScript 类型转换
JavaScript Math(算数) 对象
JavaScript 数值(Number)
JavaScript 字符串方法
JavaScript 变量作用域
JavaScript 字符串(String)
JavaScript break和continue语句
JavaScript While 循环
JavaScript 日期(Date)
JavaScript For 循环
JavaScript 对象(Object)
JavaScript 函数(Function)
JavaScript switch语句
JavaScript 事件传播
JavaScript 条件语句
JavaScript 运算符优先级
JavaScript 数组迭代方法
JavaScript 变量
JavaScript 注释
JavaScript 数值方法
JavaScript 语句
JavaScript 输出
JavaScript 运算符
JavaScript 用法
JavaScript 常用示例
JavaScript 数据类型
JavaScript 语法
JavaScript continue 语句
JavaScript String lastIndexOf() 方法
JavaScript Math.cos() 方法
JavaScript Math.max() 方法
JavaScript if...else 语句
JavaScript Math.sin() 方法
JavaScript MIN_VALUE 属性
JavaScript String match() 方法
JavaScript eval() 函数
JavaScript Error message 属性
JavaScript Error name 属性
HTML DOM removeEventListener() 方法
JavaScript RegExp exec() 方法
JavaScript 数组 sort() 方法
JavaScript 数组 reverse() 方法
JavaScript 数组 indexOf() 方法
JavaScript 数组 slice() 方法
JavaScript 数组 lastIndexOf() 方法
JavaScript 数组 splice() 方法
JavaScript 数组 shift() 方法
JavaScript RegExp test() 方法
JavaScript 数组 isArray() 方法
JavaScript 数组 fill() 方法
JavaScript 数组 pop() 方法
JavaScript 数组 unshift() 方法
JavaScript 数组 length 属性
JavaScript 数组 push() 方法
JavaScript 数组 concat() 方法
JavaScript 数组 join() 方法
JavaScript 数组 toString() 方法
JavaScript String() 函数
JavaScript Math.random() 方法
JavaScript Math.ceil() 方法
JavaScript Math.floor() 方法
JavaScript Math.abs() 方法
JavaScript Math.sqrt() 方法
JavaScript Math.pow() 方法
JavaScript Math.round() 方法
JavaScript Math.PI 属性
JavaScript String charCodeAt() 方法
JavaScript String charAt() 方法
JavaScript isNaN() 函数
JavaScript Math.min() 方法
JavaScript String substr() 方法
JavaScript String substring() 方法
JavaScript String slice() 方法
JavaScript String replace() 方法
JavaScript String indexOf() 方法
JavaScript String split() 方法
JavaScript String search() 方法
JavaScript toUpperCase() 方法
JavaScript String concat() 方法
JavaScript String length 属性
JavaScript getUTCMinutes() 方法
JavaScript getUTCDate() 方法
JavaScript getUTCMonth() 方法
JavaScript getUTCHours() 方法
JavaScript String trim() 方法
JavaScript setMilliseconds() 方法
JavaScript setSeconds() 方法
JavaScript setTime() 方法
JavaScript getUTCMilliseconds() 方法
JavaScript setMinutes() 方法
JavaScript getUTCSeconds() 方法
JavaScript setMonth() 方法
JavaScript setHours() 方法
JavaScript setFullYear() 方法
JavaScript getTime() 方法
JavaScript setDate() 方法
JavaScript getUTCFullYear() 方法
JavaScript getMinutes() 方法
JavaScript getUTCDay() 方法
JavaScript getHours() 方法
JavaScript getMonth() 方法
JavaScript getDate() 方法
JavaScript getSeconds() 方法
JavaScript getMilliseconds() 方法
JavaScript getFullYear() 方法
JavaScript 数组 findIndex() 方法
JavaScript 数组 filter() 方法
JavaScript getDay() 方法
JavaScript 数组 every() 方法
JavaScript 数组 find() 方法
JavaScript 数组 map() 方法
JavaScript Date 对象
JavaScript Number.NaN 属性
JavaScript POSITIVE_INFINITY 属性
JavaScript 数组 forEach() 方法
JavaScript MAX_VALUE 属性
HTML DOM addEventListener() 方法
JavaScript 数组 reduce() 方法
JavaScript NEGATIVE_INFINITY 属性
JavaScript Number valueOf() 方法
JavaScript Number toString() 方法
JavaScript parseFloat() 函数
JavaScript parseInt() 函数
JavaScript Number() 函数
JavaScript toFixed() 方法
JavaScript for...of 语句
JavaScript toExponential() 方法
JavaScript do...while 语句
JavaScript while 语句
JavaScript for...in 语句
JavaScript toPrecision() 方法
JavaScript switch 语句
JavaScript throw 语句
HTML DOM console.log() 方法
HTML DOM getElementById() 方法
Window alert() 方法
JavaScript for 语句
HTML DOM innerHTML 属性
JavaScript undefined 属性
HTML DOM write() 方法
HTML DOM style 属性
JavaScript null 空值
JavaScript try...catch 语句
JavaScript break 语句
JavaScript var 语句
JavaScript let 语句
JavaScript const 语句
JavaScript Date.UTC() 方法
JavaScript Date.now() 方法
JavaScript toTimeString() 方法
JavaScript Date toString() 方法
JavaScript toISOString() 方法
JavaScript toJSON() 方法
JavaScript toDateString() 方法
JavaScript toUTCString() 方法
JavaScript setUTCSeconds() 方法
JavaScript Date.parse() 方法
JavaScript setUTCMonth() 方法
JavaScript Date valueOf() 方法
JavaScript setUTCMilliseconds() 方法
JavaScript setUTCHours() 方法
JavaScript toLocaleTimeString() 方法
JavaScript setUTCMinutes() 方法
JavaScript Date constructor 属性
JavaScript toLocaleDateString() 方法
JavaScript toLocaleString() 方法
JavaScript setUTCFullYear() 方法
JavaScript setUTCDate() 方法
JavaScript getTimezoneOffset() 方法
JavaScript Date prototype 属性

JavaScript 对象

JavaScript 对象原型
JavaScript 对象构造函数
JavaScript 创建对象
JavaScript 对象方法
JavaScript 对象属性

JavaScript 函数

JavaScript 闭包
JavaScript 函数应用
JavaScript 函数调用
JavaScript 函数参数
JavaScript 函数定义

JS HTML DOM

JS DOM 改变元素属性
JS DOM 改变CSS
JS DOM Navigation
JS DOM 改变HTML内容
JS HTML DOM选择器
JS HTML DOM方法
JS HTML DOM(文档对象模型)

JS 浏览器BOM

JS Window History
JS Window Navigator
JS Window Location
JS Window 浏览器对象模型
JS Window Screen

AJAX 基础教程

JavaScript 参考手册

当前位置： 首页 JavaScript JavaScript 教程 JavaScript基础教程

JavaScript 数组 filter() 方法

由网友 大卫 发布 阅读 21

JavaScript 数组 filter() 方法

 JavaScript 数组对象

 filter() 方法创建一个新数组，其中所有元素都通过了由提供的回调函数实现的测试。

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

语法：

array.filter(callback, thisArg)
var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);

function isAdult(element) {
    return element >= 18;
}
测试看看‹/›

浏览器兼容性

表格中的数字指定了完全支持filter()方法的第一个浏览器版本：

Method
filter()是1.5是是9

参数值

参数描述
callback
要为数组中的每个元素运行的函数。
函数参数：

  • element（必填）-数组中正在处理的当前元素

  • index（可选）-数组中正在处理的当前元素的索引

  • array（可选）- 调用了数组过滤器

thisArg(可选)值，在执行回调时使用

技术细节

返回值：一个具有通过测试的元素的新数组。如果没有元素通过测试，则将返回一个空数组
JavaScript版本：ECMAScript 5

更多实例

以下示例使用filter()方法根据搜索条件过滤数组内容：

var fruits = ['apple', 'mango', 'banana', 'orange', 'grapes'];

/**
 * 基于搜索条件的数组筛选项(查询)
 */
function filterItems(query) {
   return fruits.filter(function(el) {
         return el.indexOf(query) > -1;
   })
}

function myFunc(val) {
    document.getElementById("result").innerHTML = filterItems(val);
}
测试看看‹/›

 JavaScript 数组对象

JavaScript 数组 findIndex() 方法 JavaScript getDay() 方法