当前位置:首页 > JavaScript

js实现滤波

2026-02-01 18:32:05JavaScript

滤波实现方法

在JavaScript中实现滤波通常涉及信号处理或数据平滑。以下是几种常见的滤波方法:

移动平均滤波

移动平均是最简单的滤波方法之一,通过计算数据点周围窗口的平均值来平滑数据。

function movingAverageFilter(data, windowSize) {
  const result = [];
  for (let i = 0; i < data.length; i++) {
    const start = Math.max(0, i - Math.floor(windowSize / 2));
    const end = Math.min(data.length, i + Math.ceil(windowSize / 2));
    const window = data.slice(start, end);
    const avg = window.reduce((sum, val) => sum + val, 0) / window.length;
    result.push(avg);
  }
  return result;
}

指数平滑滤波

指数平滑给予近期数据更大的权重,适用于时间序列数据。

function exponentialSmoothing(data, alpha) {
  const result = [data[0]];
  for (let i = 1; i < data.length; i++) {
    result.push(alpha * data[i] + (1 - alpha) * result[i - 1]);
  }
  return result;
}

中值滤波

中值滤波能有效去除脉冲噪声,通过取窗口中值代替当前值。

function medianFilter(data, windowSize) {
  const result = [];
  const halfWindow = Math.floor(windowSize / 2);
  for (let i = 0; i < data.length; i++) {
    const start = Math.max(0, i - halfWindow);
    const end = Math.min(data.length, i + halfWindow + 1);
    const window = data.slice(start, end);
    window.sort((a, b) => a - b);
    result.push(window[Math.floor(window.length / 2)]);
  }
  return result;
}

卡尔曼滤波

对于更复杂的系统,可以实现简单的卡尔曼滤波器。

js实现滤波

class KalmanFilter {
  constructor(initialState, initialUncertainty, measurementNoise, processNoise) {
    this.state = initialState;
    this.uncertainty = initialUncertainty;
    this.measurementNoise = measurementNoise;
    this.processNoise = processNoise;
  }

  update(measurement) {
    const kalmanGain = this.uncertainty / (this.uncertainty + this.measurementNoise);
    this.state = this.state + kalmanGain * (measurement - this.state);
    this.uncertainty = (1 - kalmanGain) * this.uncertainty + this.processNoise;
    return this.state;
  }
}

应用场景选择

移动平均适合简单平滑需求;指数平滑适用于时间序列预测;中值滤波对去除离群点有效;卡尔曼滤波适合动态系统状态估计。实际应用中可根据噪声类型和处理需求选择适当方法。

标签: js
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…

js实现刷新

js实现刷新

刷新当前页面 使用 location.reload() 方法可以强制刷新当前页面。该方法接受一个布尔参数,默认为 false,表示从缓存中加载页面;设为 true 时强制从服务器重新加载。 // 从…

js实现点击效果

js实现点击效果

实现点击效果的JavaScript方法 使用addEventListener绑定点击事件 通过document.getElementById或document.querySelector获取DOM元素…

js实现点击隐藏

js实现点击隐藏

使用CSS类切换实现点击隐藏 通过添加或移除CSS类来控制元素的显示与隐藏。定义一个隐藏样式类如.hidden { display: none; },通过事件监听切换该类。 document.que…