javascript - 为什么函数调用的结果未定义？

Question

为什么JS调用swap函数后不能立即显示数组？为什么函数调用的结果未定义？

    const swap = (arr) => {
        for (let i = 0; i < arr.length - 1; i++) {
            var tmp = arr[i];
            arr[i] = arr[i + 1];
            arr[i + 1] = tmp;
        }

    }

    r = [...Array(10)].map( (_, i) => (i + 1) * 3);
    console.log(r);         // --> Array [ 3, 6, 9, 12, 15, 18, 21, 24, 27, 30 ]
    //swap(r);

    // why array can't be displayed immediately after swap  function call?
    console.log( swap(r) ); // --> displays undefined but the swap function worked out
    console.log(r);         // --> Array [ 6, 9, 12, 15, 18, 21, 24, 27, 30, 3 ]

我认为这是因为交换函数不返回任何内容，但我不确定。但是

swap(r);
console.log(r);

工作正常。

Answer 1

您不需要返回任何东西，并保留您的函数 swap。传递的数组是 r = [...Array(10)].map((_, i) => (i + 1) * 3) 的引用，因此，每次修改都会修改它函数 swap 结束后的数组。

只需打印数组 console.log(r);。

const swap = (arr) => {
  for (let i = 0; i < arr.length - 1; i++) {
    var tmp = arr[i];
    arr[i] = arr[i + 1];
    arr[i + 1] = tmp;
  }
}

r = [...Array(10)].map((_, i) => (i + 1) * 3);
console.log(r); // --> Array [ 3, 6, 9, 12, 15, 18, 21, 24, 27, 30 ]
swap(r);

// why array can't be displayed immediately after swap  function call?
//    console.log(swap(r)); // --> displays undefined but the swap function worked out
console.log(r); // --> Array [ 6, 9, 12, 15, 18, 21, 24, 27, 30, 3 ]

.as-console-wrapper { max-height: 100% !important; top: 0; }