JavaScript オブジェクト リテラル

JavaScript では、クラスのインスタンス化を通じてオブジェクトを作成することも、オブジェクト リテラルを使用して直接オブジェクトを作成することもできます。

プログラミング言語では、リテラルは値を表す表記法です。たとえば、「He​​llo, 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"
}