クリックで可変コンテンツを置き換える方法は？

Question

Iは、アレイは、いくつかの関数によって使用されるアレイ

var oldVar = ["a", "b", "c"]; 

を有します。

function myFunction() { 
// Do stuff with oldVar. 
} 

私は、リンクをクリックした後、別の変数

var newVar = ["d", "e", "f"]; 

の内容によってoldVarコンテンツを交換したいと思います。私のような何か試してみました：

<a onclick="changeVar()">Change</a> 

function changeVar() { 
oldVar = newVar; 
} 

をしかし、私は、リンクをクリックし、別のボタンでMyFunctionを（）を呼び出した場合、それはまだ[C、「A」、「B」を]使用しています。 ["d"、 "e"、f "]を使う方法

私は作業例hereを作成しました。 「変更」ボタンをクリックすると、oldVarを["d"、 "e"、 "f"]にします。私はとても長い時間がかかってしまい、すみません。私はその日中忙しかった。

私は解決策がありますが、面倒です。それはhereです。

Answer 1

長さをゼロに設定し、アイテムをoldVarに挿入するためにプッシュを使用できます。

function changeVar() { 
 
    oldVar.length = 0; 
 
    Array.prototype.push.apply(oldVar, newVar); 
 
    show(); 
 
} 
 

 
function show() { 
 
    console.log(oldVar); 
 
} 
 

 
var oldVar = ["a", "b", "c"], 
 
    newVar = ["d", "e", "f"];

<a onclick="changeVar()">Change</a>