jsの[]、{}、()の違いを理解しよう(詳しく解説)

烟雨青岚
リリース: 2020-07-13 11:22:49
転載
2486 人が閲覧しました

jsの[]、{}、()の違いを理解しよう(詳しく解説)

#1. { } 中括弧はオブジェクトの定義を示します。ほとんどの場合、属性と値のペア、または関数本体が必要です

{} はオブジェクトを表し、[] はオブジェクトのプロパティとメソッドを表します。メソッド名の後に () を使用すると、

を呼び出すことを意味します。例:

var LangShen = {"Name":"Langshen","AGE":”28”};
ログイン後にコピー

上記「 LangShen 」オブジェクトという名前のファイルを宣言します。複数のプロパティまたは関数は、オブジェクト

のプロパティであるため、(カンマ) で区切られます。そのため、アクセスするときは、. (ドット) を使用してレイヤーにアクセスする必要があります。レイヤー別: LangShen.Name、LangShen .AGE、

もちろん、LangShen["Name"]、LangShen["AGE"] のように配列でアクセスすることもできます。結果は同じです。 。

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
调用 LangShen.Name()
ログイン後にコピー

2. [ ] 括弧は配列を表し、配列オブジェクトとしても理解できます

如:var LangShen = [ "Name","LangShen","AGE","28" ];
ログイン後にコピー

明らかに、それぞれの値または関数は独立しており、複数の値です。配列オブジェクトであるため、これらは (カンマ) で区切られているだけです。

var LangShen = Array( "Name","LangShen","AGE","28" );
ログイン後にコピー

アクセスすると、配列、alert(LangShen[0])## と同じになります。

#3. { } と [ ] は一緒に使用されます。前に述べたように、{ } はオブジェクトで、[ ] は配列です。オブジェクト配列を形成できます。

var LangShen = { 
    "Name":"Langshen", 
    "MyWife":[ "LuLu","26" ], 
    "MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 
}
ログイン後にコピー
From 上記の構造から判断すると、オブジェクトの最初の項目は属性、2 番目の項目は配列、3 番目の項目は複数のオブジェクトを含む配列です。

呼び出すとレイヤーごとにアクセスされ、オブジェクトのプロパティは.(ドット)で重ねられ、配列は[添字]でアクセスされます。

例:

alert( LangShen.MySon[1].Name ) ;
var LangShen=[
    {“name”:“wangwu”},
    {“name”:“lieu”}
];
ログイン後にコピー

これはオブジェクト配列です

4。() は複数のパラメータを表し、{} は関数本体を表します

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}
ログイン後にコピー
es6 では、パラメーターが 1 つだけ、または関数本体が 1 つだけの場合、

let show=name=>alert(name);
ログイン後にコピー

のように () と {} を省略できます。読んでいただきありがとうございます。お役に立てれば幸いです。 。

この記事は、https://blog.csdn.net/qq_20069429/article/details/83267887から転載されたものです。

推奨チュートリアル: 「

JS チュートリアル

以上がjsの[]、{}、()の違いを理解しよう(詳しく解説)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
js
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート