儘管沒有明確修改數組值，但修改了數組值

Question

我編寫了下面的代碼，試圖將一個元素添加到新數組的開頭並返回該新數組。它工作正常，但是當我返回arr而不是newArr時，arr也發生了變化。

function addToFrontOfNew(arr, element) { 
    newArr = arr; 
    newArr.unshift(element); 
    return newArr; 
} 

如果我寫：

function addToFrontOfNew(arr, element) { 
    newArr = arr; 
    newArr.unshift(element); 
    return arr; 
} 

並測試與addToFrontOfNew函數（[1,2]，3）該函數將返回[3,1，2]。

如何重寫函數以使原始arr不會與newArr一起被修改？

Answer 1

您應該克隆原始數組而不參考它。一種方法是：

function addToFrontOfNew(arr, element) { 
    newArr = arr.slice(); 
    newArr.unshift(element); 
    return newArr; 
} 

slice（）方法返回一個淺拷貝......這裏是細節https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

Answer 2

function addToFrontOfNew(arr,element,rv) 
{ 
    var len = arr.length; 
    for(i=0; i<len; i++) 
    { 
     if (i==0) { 
      newArr = [element,arr[0]]; 
     } else { 
      newArr.push(arr[i]); 
     } 
    } 

    switch(rv) 
    { 
     case 'arr': 
      return arr; 
     break; 

     case 'newArr': 
      return newArr; 
     break; 
    } 

} 
var fruit = ['cherries','apples','pears']; 
var newElement = 'bananas'; 

console.log(addToFrontOfNew(fruit,newElement,'arr')); 
console.log(addToFrontOfNew(fruit,newElement,'newArr')); 

**固定代碼，以解決意見**

增加了switch語句，以便最終用戶可以返回原始數組或新數組。基本上，它計算原始數組，創建新數組（如果increment = 0），添加第一個元素，然後遍歷數組的其餘部分，將剩餘元素按順序推入數組。 switch語句允許您返回原始或新的數組。在控制檯日誌中工作，如果使用jQuery將其輸出到標籤，只需將.toString（）附加到該函數的末尾即可。