当前位置:首页 > 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;
}

卡尔曼滤波

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

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实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 //…

js实现轮播图

js实现轮播图

轮播图实现方法 基础HTML结构 <div class="slider"> <div class="slides"> <img src="image1.jpg…

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swip…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let…

js实现轮播

js实现轮播

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

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…