用于处理 javascript 中相当大的数组的函数式或命令式代码？

Question

在 javascript 中使用数组时，您会选择什么，函数式方式还是命令式方式，而命令式比函数式更快。 我感到很困惑。

这是我使用普通 for 循环和一对映射和过滤器运行的 jsPerf 测试。

Answer 1

我的两分钱：总的来说，我更喜欢使用数组的函数式方法，因为我发现函数式方法更灵活，更易于阅读和维护。

特别是在性能不重要或没有明显差异的情况下。

假设函数方式需要 50 倍于常规循环的时间。 如果常规循环需要 1 毫秒，则意味着函数需要 50 毫秒，并且在大多数情况下仍然可以。

因此，在这种情况下，我不会牺牲我的代码进行优化，尤其是在应用程序和/或共享存储库中。

但是，当我编写视频游戏时，我通常会尝试进行常规循环。 既是出于性能原因，也是因为在这种情况下，您通常必须处理字节数组，而我发现函数式编程不太灵活。

说：在JS中，数组方法的问题在于它们不懒惰。 这意味着，在您的情况下，您要对数组进行两次迭代，因为您调用了两个方法（ filter和map ）。 在其他语言（例如 Rust）中，这种方法是“懒惰的”，并且在您实际使用迭代器执行某些操作之前不会调用它们：与常规循环相比，这减少了您可能遇到的性能问题。

JS 中有一些库支持惰性方法（例如 observable 上的 RxJS），因此如果您正在寻找中间的东西（在仍然使用函数式方法的同时节省一点性能），您可能需要检查这些库。

Answer 2

Array.map和 for 循环之间的区别在于 for 循环只不过是迭代数组的值。 在循环体中，您可以对这些值执行任何操作。 Array.map作用不止Array.map 。 它遍历数组，创建一个新数组，其中包含对每个值调用的回调值。

在我看来，您应该在Array.map尽可能多地使用 for 循环，虽然它要快得多。 当您想在原始数组中创建一个具有变异值的新数组时，请使用Array.map 。

基本上这些是相同的：

循环：

const array = [1, 2, 3];
const mutatedArray = [];

for(let i = 0; i < array.length; i++) {
    let mutatedValue = array[i] * 2;

    mutatedArray.push(mutatedValue);
}

数组.map：

const array = [1, 2, 3];
const mutatedArray = array.map(x => x * 2);

写起来更干净、更快捷。