filter

用于从一组数据中筛选出符合特定条件的元素。filter 在程序中也帮助我们从数据中去除不需要的部分，留下符合条件的部分。

使用 filter 的常见场景

  • 筛选数组中的某些元素：比如从用户列表中筛选出所有年龄大于18的成年人。
  • 从文本中过滤掉不需要的内容：比如从评论中筛选出包含特定关键词的评论。
  • 从数据中筛选符合特定条件的项：比如从商品列表中筛选出价格低于100的商品。
let numbers = [3, 8, 15, 23, 5, 12];

let result = numbers.filter(function(number) {
    return number > 10;  // 筛选出大于10的数字
});

console.log(result);  // 输出：[15, 23, 12]

listener

常见于处理用户交互和事件驱动的编程模型时。
通俗地说，监听器就像一个“守卫”或者“侦探”，它专门负责“监听”某个事件，并在事件发生时做出反应。

工作原理

  1. 监听事件：
    监听器会“等待”某个特定的事件发生。这些事件可能是用户的点击、键盘输入、鼠标移动、网页加载等。

  2. 触发事件：
    当事件发生时（比如用户点击按钮或移动鼠标），监听器就会“被激活”并执行事先定义好的代码。

  3. 做出反应：
    监听器会根据事件发生的情况做出反应，比如弹出提示框、提交表单、改变页面内容等。

// 获取按钮元素
let button = document.getElementById("myButton");

// 设置监听器，监听按钮的点击事件
button.addEventListener("click", function() {
    alert("你好！");
});

常见的监听器类型

鼠标事件：比如点击（click）、鼠标移入（mouseenter）、鼠标移动（mousemove）等。
键盘事件：比如按下键盘键（keydown、keyup）。
表单事件：比如提交表单（submit）、输入框内容变化（input）等。
加载事件：比如页面加载完成（load）、图片加载完成等。