>  기사  >  웹 프론트엔드  >  js에서 [], {}, ()의 차이점을 이해해주세요. (자세한 설명)

js에서 [], {}, ()의 차이점을 이해해주세요. (자세한 설명)

烟雨青岚
烟雨青岚앞으로
2020-07-13 11:22:492489검색

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"}] 
}

위 구조에서 객체의 첫 번째 항목은 속성이고 두 번째 항목은 배열이고 세 번째 항목은 여러 객체를 포함하는 배열입니다.

호출되면 레이어별로 액세스되며, 개체의 속성은 .(점)으로 겹쳐지며, 배열은 [아래 첨자]로 액세스됩니다.

예:

alert( LangShen.MySon[1].Name ) ;
var LangShen=[
    {“name”:“wangwu”},
    {“name”:“lieu”}
];

이것은 객체 배열입니다

4. ()는 여러 매개변수를 나타내고, {}는 함수 본문을 나타냅니다.

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}

es6에서는 매개변수가 하나만 있거나 함수 본문이 하나만 있는 경우 ( ), {},

let show=name=>alert(name);

등은 생략 가능합니다. 읽어주신 모든 분들께 감사드리며, 많은 혜택이 있기를 바랍니다.

이 기사는 https://blog.csdn.net/qq_20069429/article/details/83267887

추천 튜토리얼: "JS Tutorial"

에서 복제되었습니다.

위 내용은 js에서 [], {}, ()의 차이점을 이해해주세요. (자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제