大数组用Math.max遇RangeError，求JS修复或Python转换方案

一、修复JavaScript代码 #

错误原因 #

Math.max(...peaks)会将数组的53万+元素逐个展开作为函数参数，超出了JavaScript引擎的函数调用栈容量，从而触发RangeError: Maximum call stack size exceeded错误。

修复方案 #

使用Array.reduce()遍历数组计算最大值，避免展开大量元素：

const peaks = audio_signal_array;
// 用reduce迭代计算最大值，规避栈溢出
const maxVal = peaks.reduce((currentMax, point) => Math.max(currentMax, point), -Infinity);
// 处理最大值为0的边界情况，防止除以0错误
const ratio = maxVal === 0 ? 1 : maxVal / 100;
const normalized = peaks.map(point => Math.round(point / ratio));

二、Python后端实现（推荐） #

将归一化逻辑移到Python后端，不仅能避免前端栈溢出问题，还能利用后端更强的计算能力处理大数据量，前端直接接收处理后的结果即可。

def normalize_audio(audio_signal_array):
    max_val = max(audio_signal_array)
    # 处理最大值为0的边界场景
    ratio = max_val / 100 if max_val != 0 else 1
    normalized_array = [round(point / ratio) for point in audio_signal_array]
    return {
        "ratio": ratio,
        "normalized_array": normalized_array
    }

调用该函数后，直接将返回的JSON数据返回给React Native应用即可。

内容的提问来源于stack exchange，提问作者Kasun