在javascript中反转数组

Question

我有一个名为 reverseArray 的 Javascript 函数，它接受一个数组作为参数，并以相反的顺序返回一个与输入数组具有相同值的新数组。我想创建一个名为 reverseArryInPlace 的函数，它将输入数组的值更改为相反的顺序。

function reverseArray(inputArray) {
  var outputArray = [];
  for (var i = inputArray.length - 1; i >= 0; i--)
    outputArray.push(inputArray[i]);
  return outputArray;
}

function reverseArrayInPlace(inPlaceInputArray) {
  inPlaceInputArray = reverseArray(inPlaceInputArray);
  console.log('Inside reverseArrayInPlace: ' + inPlaceInputArray);
  return inPlaceInputArray;
}

var arrayValue = [1, 2, 3, 4, 5];
reverseArrayInPlace(arrayValue);
console.log('Outside reverseArrayInPlace: ' + arrayValue);
// Expected Value: [5, 4, 3, 2, 1]

这是我执行这段代码时得到的结果：

Inside reverseArrayInPlace: 5,4,3,2,1
Outside reverseArrayInPlace: 1,2,3,4,5

在 reverseArrayInPlace 函数中，arrayValue 变量已按预期反转。为什么我在reverseArrayInPlace函数外引用同一个变量时，又回到原来的顺序了？

Answer 1

这里的根本问题是原语在 JavaScript 中是按值传递的。有关详细信息，请参阅以下问题：

Javascript by reference vs. by value

作为一个简单的例子，下面是一个试图改变传递给它的字符串的函数：

var outsideValue = 'foo'

function mutate(value) {
  value = 'fish'
}

mutate(outsideValue);
console.log(outsideValue);

但是，控制台输出是foo。

发生这种情况是因为mutate 函数中的value 变量是一个在最初调用该函数时引用了outsideValue 的变量。当它在函数体中被赋予新值时，它只是改变value 变量来引用一个新的字符串。因此，outsideValue 未受影响。

查看此答案以获取在适当位置反转的示例：

https://stackoverflow.com/a/43486686/249933

注意，它不会重新分配函数参数。

Answer 2

如果要原地反转，就必须原地反转。

function reverseArrayInPlace(array) {
  for (let i = 0, j = array.length - 1; i < j; i++, j--) 
    [array[i], array[j]] = [array[j], array[i]];
}

const a = [1,2,3,4,5];
reverseArrayInPlace(a);
console.log(a);

Answer 3

function reverseArray(inputArray) {
  var outputArray = [];
  for (var i = inputArray.length - 1; i >= 0; i--)
    outputArray.push(inputArray[i]);
  return outputArray;
}

function reverseArrayInPlace(inPlaceInputArray) {
  inPlaceInputArray = reverseArray(inPlaceInputArray);
  console.log('Inside reverseArrayInPlace: ' + inPlaceInputArray);
  return inPlaceInputArray;
}
var arrayValue = [1, 2, 3, 4, 5];
**arrayValue = reverseArrayInPlace(arrayValue);**
alert('Outside reverseArrayInPlace: ' + arrayValue);
// Expected Value: [5, 4, 3, 2, 1]

//

您的代码是正确的，您只需替换一行并编写 arrayValue = reverseArrayInPlace(arrayValue); 代替 reverseArrayInPlace(arrayValue); 然后 arratValue 将打印期望值

Answer 4

正如其他人所说，数组是对象，因此它们是通过引用传递的。您必须修改原始数组，而不是创建新数组。

所以这是 reverseInPlace 的另一个版本，它使用 shift 从数组中删除最后一个元素，并使用 splice 将其插入新的地点：

function reverseInPlace(arr) {
  var i = arr.length;
  while (i--) {
    arr.splice(i, 0, arr.shift());
  }
}

var arr = [1,2,3,4,5];
console.log('Before: ' + arr.join());

reverseInPlace(arr);
console.log('After:  ' + arr.join());

为了一些乐趣，您还可以利用 sort：

注意：这只适用于某些浏览器，它依赖于内置的排序算法，该算法依赖于实现。

function reverseInPlace(arr) {
  arr.sort(() => 1);
}

var arr = [47, 95, 80, 62, 8, 34, 31, 17, 62, 17, 85, 72, 51, 20, 68, 60, 30, 84, 7, 34];
console.log('Before: ' + arr.join());

reverseInPlace(arr);
console.log('After : ' + arr.join());