JavaScript オブジェクト リテラル
JavaScript では、クラスのインスタンス化を通じてオブジェクトを作成することも、オブジェクト リテラルを使用して直接オブジェクトを作成することもできます。
プログラミング言語では、リテラルは値を表す表記法です。たとえば、「Hello, World!」は多くの言語で文字列リテラルを表します。 JavaScript も例外ではなく、5、true、false、null などは、それぞれ整数、2 つのブール値、空のオブジェクトを表します。
JavaScript はオブジェクト リテラルをサポートしており、簡潔で読みやすい表記法を使用してオブジェクトを作成できます。
オブジェクト リテラルは名前と値のペアのリストであり、各名前と値のペアはカンマで区切られ、最後に中括弧で囲まれます。名前と値のペアは、名前と値をコロンで区切って、オブジェクトのプロパティまたはメソッドを表します。
例:
var myCar={ "price" : ",000" , // 属性 "color" : "red" , // 属性 "run" : function(){ return " 120 km/h "; } // 方法 } var myHome={ population : "10,000" , area : "10,000" , adress : { // 属性 country : "China" , province : "shanxi" , city : "xian" }, say : function(){ // 方法 return "My hometown is very beautiful ! "; } }
zhangsan オブジェクトを作成します:
var zhangsan={ name : "张三", sex : "男", say:function(){ return "嗨!大家好,我来了。"; }, contact : { tel : "029-81895644", qq : "1370753465", email : "it@gmail.com" } } alert("姓名:"+zhangsan.name); alert("性别:"+zhangsan.sex); alert(zhangsan.say()); alert("电话:"+zhangsan.contact.tel); alert("QQ:"+zhangsan.contact.qq); alert("邮箱:"+zhangsan.contact.email);
以下を参照してください:
オブジェクト リテラルを使用すると、単一のオブジェクトを作成でき、セマンティクスは直感的です。
オブジェクトリテラルはネストできます。
オブジェクト リテラルを最初に作成してから、プロパティとメソッドを追加することもできます。
上記の zhangsan オブジェクトは次のように作成することもできます:
var zhangsan={} zhangsan.name = "张三"; zhangsan.sex = "男"; zhangsan.say = function(){ return "嗨!大家好,我来了。"; } zhangsan.contact = { tel : "029-81895644", qq : "1370753465", email : "it@gmail.com" }