javascript - 排队 Freecodecamp

Question

我目前正在通过 freecodecamp 网站的 javascript 部分进行练习，我试图理解为什么特定的方法可以解决它。

function nextInLine(arr, item) {
   // Your code here
   arr.push(item);
   var firstItem = arr.shift(arr);
   return firstItem;  // Change this line
}

我试图理解为什么我必须首先创建变量 firstItem？还有其他方法可以解决这个问题吗？如果是这样，请告诉我您是如何解决它的。

Answer 1

欢迎来到 Stack Overflow :)

作为 Free Code Camp 前端认证的一部分，我也完成了这项任务。作为引用，这是任务:https://www.freecodecamp.com/challenges/stand-in-line

Write a function nextInLine which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The nextInLine function should then return the element that was removed.

虽然您的解决方案提供了预期的结果，但可以在不声明变量(代码中的 firstItem)的情况下解决此任务。我已经在这里为您准备并演示了说明:http://codepen.io/PiotrBerebecki/pen/xEYbgv

关键是要理解:

The shift() method removes the first element from an array AND returns that element. This method changes the length of the array. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

function nextInLine(arr, item) {

  // arr is now: [5,6,7,8,9]
  arr.push(item); // add 10 to the and of array
  // arr is now: [5,6,7,8,9,10]

  return arr.shift(); // remove first element of arr (5)
                      // and then return this first element (5),
                      // arr is now [6,7,8,9,10]
}

var testArr = [5,6,7,8,9];

console.log(nextInLine(testArr, 10)); // 5
console.log("After: " + JSON.stringify(testArr)); // After: [6,7,8,9,10]