JavaScript - 用于循环与数组移位

Question

我有两个功能，它们看起来很相似，但我真正理解的是在for - 循环内部，因为输入是一个数组，为什么数组不需要任何调用第一个数组的索引？

我有一个......

var puzzlers = [
function(a) { return 8 * a - 10; },
function(a) { return (a - 3) * (a - 3) * (a - 3); },
function(a) { return a * a + 4; },
function(a) { return a % 5; }
];

我试图用输入循环遍历数组。然后，第一个函数的结果将用作下一个函数的输入，然后第一个数组将被删除。

这就是我写的......

function applyAndEmpty(input, queue)
{
    var length = queue.length;
    for(var i = 0; i < length; i++)
    {
        input = queue[0](input);
        queue.shift();
    }
    return input;
}

以上确实给了我答案，但后来我发现还有另一种写作方式

var applyAndEmpty = function(input, queue)
{
    var length = queue.length;
    for(var i = 0; i < length; i++)
    {
        input = queue.shift()(input);
    }
    return input;
};

我不理解的是input = queue.shift()(input)部分。

queue是否需要索引？

Answer 1

所以你基本上都在询问shift做了什么，在这里你去了：
您可以使用for(var i=0;做什么......您可以使用shift()（非常相似但不是！）

使用for循环（和index）

var array = [
  function(){return "a";},
  function(){return "b";}
];
  
for(var i=0; i<array.length; i++){
    console.log( array[i]() );  
    // "a"
    // "b"
}

console.log(array.length); //2       !!Still there!!!

使用shift()（例如{和while）

var array = [
  function(){return "a";},
  function(){return "b";}
];
  
while(array.length){                // while array has length
    console.log( array.shift()() );  // execute and remove from array
    // "a"
    // "b"
}

console.log(array.length); //0   !!!Empty array due to shift()!!!

所以基本上它会从你的数组中删除一个键并返回它 只要该数组具有键，它就会循环直到它为空。

两者之间的差异很大：
示例1中的for循环。将循环但不会更改原始数组 在示例2中使用shift()。您逐个（使用和）删除数组密钥。

阅读有关数组操作的更多信息：

Array.prototype.shift 1 <-- [2,3,4]
Array.prototype.unshift 5 --> [5,2,3,4]
Array.prototype.push [5,2,3,4,6] <-- 6
Array.prototype.pop [5,2,3,4] --> 6

和其他方法

Answer 2

您可以使用Array.reduce

简化逻辑

在这里你可以这样做：

var puzzlers = [
function(a) { return 8 * a - 10; },
function(a) { return (a - 3) * (a - 3) * (a - 3); },
function(a) { return a * a + 4; },
function(a) { return a % 5; }
];

function runPuzzler(inputValue){
   return puzzlers.reduce(function(prev, curr){
       return curr(prev);
   },inputValue);
}