CoffeeScript/連想配列（オブジェクト）/連想配列を動的を作成 - プログラミングの勉強をしよう@Wiki

Top > CoffeeScript > 連想配列（オブジェクト） > 連想配列を動的を作成

連想配列を動的に作成

概要

連想配列を動的に作成

サンプル

CoffeeScript

# 変数
str = ""
 
# 連想配列作成
obj1 = { "test1" : "1111", "test2" : "2222" }
 
# 追加
obj1["test3"] = "8888"
 
# 値出力
str += obj1.test1 + "<br />"
str += obj1.test2 + "<br />"
str += obj1.test3 + "<br />"
 
# 連想配列作成２
obj2 = 
	"test1" : "3333"
	"test2" : "4444"
 
# 追加
obj2["test4"] = "7777"
 
 
str += obj2.test1 + "<br />"
str += obj2.test2 + "<br />"
str += obj2.test4 + "<br />"
 
 
# セレクタでエレメントを取得
sample = document.querySelector("#sample")
 
# パラメータ連結
sample.innerHTML = str
 
 

javascript

// Generated by CoffeeScript 1.3.3
var obj1, obj2, sample, str;
 
str = "";
 
obj1 = {
  "test1": "1111",
  "test2": "2222"
};
 
obj1["test3"] = "8888";
 
str += obj1.test1 + "<br />";
 
str += obj1.test2 + "<br />";
 
str += obj1.test3 + "<br />";
 
obj2 = {
  "test1": "3333",
  "test2": "4444"
};
 
obj2["test4"] = "7777";
 
str += obj2.test1 + "<br />";
 
str += obj2.test2 + "<br />";
 
str += obj2.test4 + "<br />";
 
sample = document.querySelector("#sample");
 
sample.innerHTML = str;
 
 

---