変数名の一部を関数に渡して変数名を取得する方法

Question

私は、オブジェクト名を関数に渡してオブジェクトを取得するために繰り返し使用する関数を作成しようとしています。

以下のスニペットを使用して試しましたが、undefinedを出力しています。

名前の一部をこのような関数に渡して実際の変数を取得するにはどうすればよいですか？

function writeObject(name){ 
 
    console.log(placeObjects[name+'Item']); 
 
} 
 

 
function placeObjects(){ 
 
    var availableObjects = new Array(); 
 

 
    availableObjects.push(new Object('image','kepler')); 
 
    availableObjects.push(new Object('image','lightning')); 
 
    availableObjects.push(new Object('image','tomato')); 
 
    availableObjects.push(new Object('image','us')); 
 
    
 
    var topItem = availableObjects[0]; 
 
    var leftItem = availableObjects[1]; 
 
    var bottomItem = availableObjects[2]; 
 
    var rightItem = availableObjects[3]; 
 

 
    writeObject('top'); 
 
    writeObject('left'); 
 
} 
 

 
placeObjects();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

var placeObject={}; 
function writeObject(name){ 
    console.log(placeObject[name+'Item']); 
} 

function placeObjects(){ 
    var availableObjects = new Array(); 

    availableObjects.push(new Object('image','kepler')); 
    availableObjects.push(new Object('image','lightning')); 
    availableObjects.push(new Object('image','tomato')); 
    availableObjects.push(new Object('image','us')); 
    placeObject={topItem:availableObjects[0],leftItem:availableObjects[1],bottomItem:availableObjects[2],rightItem:availableObjects[3]}; 
    // var topItem = availableObjects[0]; 
    // var leftItem = availableObjects[1]; 
    // var bottomItem = availableObjects[2]; 
    // var rightItem = availableObjects[3]; 

writeObject('top'); 
writeObject('left'); 
} 

placeObjects(); 

これは動作します。変数名をtopで変更したことを覚えておいてください。これは、writeObject呼び出しで必要なabjectを返します。

Answer 2

key：valueのペアを定義していないため、新しいObject（ 'image'、 'kepler'）にアクセスするのが難しくなります。以下のコードを使ってオブジェクト内の方向に割り当てられたオブジェクトリテラルを使って、オブジェクトを簡単にすることができます。おかげ@fubar

function PageObject(top, left, bottom, right) { 
 
    this.top = top; 
 
    this.left = left; 
 
    this.bottom = bottom; 
 
    this.right = right; 
 
    this.writeObject = function(direction) { 
 
     return this[direction]; 
 
    }; 
 
} 
 

 
var pageObject = new PageObject({'image':'kepler'}, {'image':'lightning'}, {'image':'tomato'}, {'image':'tomato'}); 
 
console.log(pageObject.top);