当前位置:首页 > JavaScript

用js实现线性回归

2026-03-01 18:54:18JavaScript

实现线性回归的基本原理

线性回归通过最小化预测值与真实值之间的平方误差(最小二乘法),拟合出最佳直线方程 $y = mx + b$。在JavaScript中可以通过以下步骤实现:

计算斜率和截距

斜率 $m$ 和截距 $b$ 的计算公式如下: $$ m = \frac{n\sum xy - (\sum x)(\sum y)}{n\sum x^2 - (\sum x)^2} $$ $$ b = \frac{\sum y - m \sum x}{n} $$

用js实现线性回归

function linearRegression(x, y) {
    const n = x.length;
    let sumX = 0, sumY = 0, sumXY = 0, sumXX = 0;

    for (let i = 0; i < n; i++) {
        sumX += x[i];
        sumY += y[i];
        sumXY += x[i] * y[i];
        sumXX += x[i] * x[i];
    }

    const m = (n * sumXY - sumX * sumY) / (n * sumXX - sumX * sumX);
    const b = (sumY - m * sumX) / n;

    return { m, b };
}

使用示例

const x = [1, 2, 3, 4, 5];
const y = [2, 4, 5, 4, 5];

const { m, b } = linearRegression(x, y);
console.log(`回归方程: y = ${m}x + ${b}`); // 输出如 y = 0.6x + 2.2

预测新数据点

利用拟合的方程进行预测:

function predict(x, m, b) {
    return m * x + b;
}

console.log(predict(6, m, b)); // 预测x=6时的y值

可视化实现(可选)

结合Canvas或图表库(如Chart.js)绘制数据点和回归线:

用js实现线性回归

const ctx = document.getElementById('chart').getContext('2d');
new Chart(ctx, {
    type: 'scatter',
    data: {
        datasets: [{
            label: '原始数据',
            data: x.map((val, i) => ({x: val, y: y[i]})),
            backgroundColor: 'red'
        }, {
            label: '回归线',
            data: [{x: Math.min(...x), y: predict(Math.min(...x), m, b)},
                   {x: Math.max(...x), y: predict(Math.max(...x), m, b)}],
            type: 'line',
            borderColor: 'blue'
        }]
    }
});

性能优化

对于大数据集,可使用矩阵运算库(如math.js)加速计算:

const math = require('mathjs');
function matrixRegression(x, y) {
    const X = math.concat(math.ones([x.length, 1]), math.transpose([x]));
    const coeff = math.multiply(
        math.multiply(math.inv(math.multiply(math.transpose(X), X)), math.transpose(X)),
        y
    );
    return { m: coeff[1], b: coeff[0] };
}

注意事项:

  • 输入数组x和y的长度需一致
  • 极端值(如全零)可能导致计算错误
  • 对于非线性数据,需考虑多项式回归或其他模型

标签: 线性js
分享给朋友:

相关文章

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。 &…

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…