明示的に変更されていないにもかかわらず配列の値が変更されました

Question

新しい配列の先頭に要素を追加してその新しい配列を返すために、以下のコードを記述しました。それはうまく動作しますが、newArrの代わりにarrを返すと、arrも変更されました。

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

I書き込みした場合：

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; 
} 

スライス（）メソッドはシャローコピーを返します...ここで詳細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')); 

**コメントに対処するためにCODE **

追加aをFIXEDエンドユーザが元の配列または新しい配列を返すことができるようにします。基本的に元の配列をカウントし、インクリメント= 0の場合は新しい配列を作成し、最初の要素を追加して残りの要素をループし、残りの要素を順番に配列にプッシュします。 switch文を使用すると、元の配列または新しい配列を返すことができます。コンソールログで動作し、jQueryを使用してタグに出力する場合は、関数の最後に.toString（）を付加します。