どのように私はJS</p> <p>で選択したオブジェクトのキーを取得して使用できるようにしたいのjavascript

Question

にアクセスされたオブジェクトのキーは、私は他のオブジェクト

が含まれている以下の目的を持っていると言うことができます表示することができます

verts = { A: {x: 7.5, y: 0, z: -7.5}, B: {x: 0, y: 0, z: -15 } 

たとえば、次のようにアイテムAにアクセスできます。 （Z、0：：：7.5、YすなわちX -7.5）を

console.log(verts.A) 

は、それは私のオブジェクト内の値が表示されますが、私はこの場合、「A」で選択したオブジェクトにキーすなわちにアクセスする方法がわかりません。私は後で文字列として使用する変数として格納することができるようにしたいと思います。私はthis.keyやこの[key]を何らかの形で書くことができるはずだが、ここでは適切な答えを見つけることができないように感じる。私はjqueryを使用していますので、それを使用して迅速な方法がある場合はありがとうございます。キーを使用してオブジェクトを読んだ後は、これまで

Answer 1

あなたはこれをもっと複雑にしています。ある時点でどのキーを使用しているのか分かっている場合は、キーが必要なものすべてに渡されるようにするだけです。

//vertices stored as objects 
verts = { A: {x: 7.5, y: 0, z: -7.5}, B: {x: 0, y: 0, z: -15}, C: {x: 0, y: 0, z: -7.5} } 

//make a triangle using accessed vertices 
makeTriangle(verts, 'A', 'B', 'C') 

function makeTriangle(vertices, key1, key2, key3){ 
    $("example").append('\ 
    <a-triangle\ 
     id="' + key1 + '_'+ key2 + '_'+ key3 + '"\ 
     vertex-a="' + vertices[key1](joined) + '"\ 
     vertex-b="' + vertices[key2](joined) + '"\ 
     vertex-c="' + vertices[key3](joined) + '"\ 
    </a-triangle>'); 
} 

Answer 2

として何かアドバイスのため

おかげで、もはやあなたが使用したキーへのバックリンクはありません。

あなたができる最善のことは、あなたが変数で使用しているキーを保存し、それを読むために角括弧表記を使用している：

var verts = { A: {x: 7.5, y: 0, z: -7.5}, B: {x: 0, y: 0, z: -15 } }; 
 
var key = 'A'; 
 
var result = verts[key]; 
 

 
console.log(key, result);

別のオプションは、あなたを実行することですこのリンクを構築するために、前処理による初期オブジェクト：

function preProcess(input){ 
 
    return Object.keys(input).reduce(function(p,c){ 
 
     var newObj = input[c]; 
 
     newObj._key = c; 
 
     p[c] = newObj 
 
     return p 
 
    },{}); 
 
} 
 

 
var verts = { A: {x: 7.5, y: 0, z: -7.5}, B: {x: 0, y: 0, z: -15 } }; 
 
var vertsWithKeys = preProcess(verts); 
 

 
var item = verts.A; 
 
console.log(item._key, item);