javascript - innerHTMLを使用したJavaScriptとinnerHTMLに渡される動的な値

Question

var greentext='shopping';
var colors=new Array('green','blue','red','violet','brown');
for(i=0;i<colors.length;i++)
{
 //suppose consider colors[i] is green
}

を使用して連結colors[i]+'text'してdivに渡す場合  、連結された文字列の値ではなくinnerHTML、文字列   が渡されます。上記のように動的に作成された文字列の値を渡す方法は？"greentext""shopping"

私の質問が明確であることを願っています.....私を助けてください

Answer 1

私はそれを完全に異なる方法で行います：

  var text = {
    green: 'shopping',
    blue: 'contemplating infinity',
    red: 'cooking beans',
    violet: 'writing poetry'
  };

  var colors = ['green', 'blue', 'red', 'violet' ];
  for (var i = 0; i < colors.length; ++i) {
    alert( text[ colors[i] ] );
  }

構造化データは、使用しているプログラミング言語に関係なく、実際の構造で表すことが望ましいです。JavaScriptは、変数名を「構築」できるほど柔軟性がありますが、慣用的なものではありません。ここでは、あなたの色に対応するプロパティを持つ単純なオブジェクトを作成しました。