javascriptでオブジェクト内のすべてのオブジェクトを反復処理する方法

Question

私は、他の複数のオブジェクトを含むオブジェクトを渡すjavascript関数を持っています。

createButtons({ 
    normalButtons: { 
     button: { 
      type: 'website', 
      name: 'Website', 
     } 
    } 
    socialButtons: { 
     socialButton: { 
      type: 'fb-share', 
      name: 'Share on Facebook' 
     }, 
     socialButton: { 
      type: 'copyUrl', 
      name: 'Copy Link' 
     } 
    } 
}); 

今、私はすべてのsocialButtonsを反復処理したいが、私が使用しないときのために...ループの中で、それが唯一の最初の項目

function createButtons(options) { 
    for (x in options.socialButtons) { 
     console.log(options.socialButtons[x]); 
    } 
} 

を得るように見えることが唯一の1つのオブジェクトをログに記録します、Facebookのもの。

私は何か間違っているか、これを解決する良い方法がありますか教えてください。

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

Answer 1

正常にそのオブジェクトのプロパティをループしています。問題は、1つのプロパティしか持たないことです。

socialButtonの値を定義し、socialButtonの別の値を定義しました。

プロパティ名を一意にする必要があります。

さらに、配列を使用してください。

Answer 2

あなたのオブジェクトはsocialButtonsの両方の項目として機能しません：同じキーを持つので、最初のボタンは2番目のボタンに置​​き換えられます。

2番目のsocialButtonをsocialButton2に変更することをお勧めします。すべてがうまくいくはずです。

Answer 3

同じプロパティ名socialButtonをsocialButtonsオブジェクト内に使用しています。これがあなたの問題の原因です。

名前をsocialButtonに変更すると、固有のプロパティ名に変更することで、目的を達成するのに役立ちます。