2つの変数を組み合わせて、既に宣言されている変数に新しい変数を設定します。

Question

元の変数の名前を作成する2つの変数を組み合わせて、新しい変数を既定の変数と同じ値に設定しようとしています。これは混乱に聞こえるかもしれので、ここでの例です：

// JavaScript Document 


document.write (finalVar); 

$(document).ready(function() 
{ 
var position_1 = $("#box_1").position(); 
var left_1 = position_1.left; 
var top_1 = position_1.top; 
var position_2 = $("#box_2").position(); 
var left_2 = position_2.left; 
var top_2 = position_2.top; 
var box; 
var boxLength; 
var boxNumber; 
var selected = 0; 


$("#box_1").click 
    (function() 
     { 
      if (selected == 1) // if a box is selected run the following 
       {  
        box = $(".selected").attr("id"); 
        boxLength = box.length; 
        boxNumber = box.charAt(boxLength-1); // finds the number of the box 
        alert(+boxNumber); 
       if (box == "box_1") // if the selected box is itself  then mimimise the box, remove the selected class from it and set selected to zero 
        { 
         $("#box_1").animate({height:50,opacity:0.8,left:left_1,top:top_1,borderRadius:4,MozborderRadiu s:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150),  function() 
         { 
           $(this).removeClass("selected"); 
         }); 
        selected = 0; 
        } 
       else 
        { 
         $(".selected").animate({height:50,opacity:0.8,left:left_+boxNumber,top:top_+boxNumber,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150),  function() 
         { 
          $(".selected").removeClass("selected"); 
          $("#box_1").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() 
           { 
            $("#box_1").addClass("selected"); 
           }); 
         } 
       );} } // end of function for if a box is selected 
      else // if no box is selected run the following 
       { 
        $("#box_1").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() 
         { 
          $("#box_1").addClass("selected"); 


         }); 
        selected = 1; 
       } 
     }); 

    $("#box_2").click 
    (function() 
     { 
      if (selected == 1) // if a box is selected run the following 
       {  
        box = $(".selected").attr("id"); 
        boxLength = box.length; 
        boxNumber = box.charAt(boxLength-1); // finds the number of the box 
        alert(+boxNumber); 
       if (box == "box_2") // if the selected box is itself then mimimise the box, remove the selected class from it and set selected to zero 
        { 
         $("#box_2").animate({height:50,opacity:0.8,left:left_2,top:top_2,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150), function() 
         { 
           $(this).removeClass("selected"); 
          selected = 0; 
         }); 
        } 
       else 
        { 
        $(".selected").animate({height:50,opacity:0.8,left:left_+boxNumber,top:top_+boxNumber,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150),  function() 
         { 
          $(".selected").removeClass("selected"); 
          $("#box_2").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() 
           { 
            $("#box_2").addClass("selected"); 
           }); 
         } 
       );} } // end of function for if a box is selected 
      else // if no box is selected run the following 
       { 
        $("#box_2").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() 
         { 
          $("#box_2").addClass("selected"); 
          selected = 1; 
         }); 
       } 
     }); 

}); 

私は、その後5が文書に書き込まれるようにしたいと思う...これを行う方法はありますか？私はこれがおそらくこれを行うことについて考え始めるための正しい方法ではないことを知っています。私はそれを私がやろうとしていたものの同義語として使っていました。

ありがとうございました。

Answer 1

これらはグローバル変数、あなたはこのようにそれを行うことができますしている場合：

var position = 4; 
var a = "posi"; 
var b = "tion"; 

document.write(window[a+b]); 

これは、すべてのグローバル変数は、実際にwindowオブジェクトのプロパティであり、あなたはどちらかwindow.positionとしてウィンドウオブジェクトのプロパティを参照することができるという理由だけで動作しますまたはwindow["position"]。後者が機能するので、上記の例のように文字列操作を使用して文字列"position"を作成することもできます。

私はなぜこれをやっているのですか？

var positions = [1,4,67,99]; 

document.write(positions[3]); 

：人々はこれを行うには頼む一般的な理由の1つはそう、彼らはそのような場合は、より良い答えはインデックスによってアクセスすることができ、アレイを使用することです.... position1、 position2、などのような変数にアクセスすることができています

あなたもこのように変数を経由して、配列の値にアクセスすることができます

var positions = [1,4,67,99]; 
var pos = 3; 

document.write(positions[pos]); 

あるいは、配列全体を反復する：あなたは本当の問題を記述した場合

var positions = [1,4,67,99]; 

for (var i = 0; i < positions.length; i++) { 
    document.write(positions[i]); 
} 

あなたが解決しようとしている、我々はそれを解決するための最良の方法をお勧めすることができます。あなたが現在尋ねていることは、間違ったアプローチのように聞こえます。

Answer 2

私はあなたがこれをやっている理由を知りませんが、それは可能ですevalメソッドを使用して可能です。

あなたの変数を組み合わせながらのparseInt（POS）+のparseInt（ition）は が文字列変数posとitionを宣言することを忘れていけない... :)この

var position = 5; 
var pos = "posi"; 
var tion = "tion"; 
var finalVar = pos+tion; 

document.write (eval(finalVar)); 

DEMO

Answer 3

使用これを試してみてください

Answer 4

var position = 'top'; 
var pos = "posi"; 
var tion = "tion"; 
var finalVar = pos+tion; 

alert(window[finalVar]); // better that `eval()` 
document.write(window[finalVar]);