대괄호 [ ]
| 사용사례 | 설명 | 예제 |
|---|---|---|
| 배열 | 여러 개의 값을 담을 경우 | const arr = [1, 2, 3, 4]; |
| 배열 인덱싱(Indexing) | 배열 요소를 접근할 때 사용 | arr [0] // 1 |
| 객체 속성 접근 | 객체 속성을 동적으로 접근할 때 사용 | person["name"] |
| ES6 Destructuring | 배열 요소를 추출할 때 사용 | const [first, second] = arr; |
중괄호 { }
| 사용사례 | 설명 | 예제 |
|---|---|---|
| 객체(Object) | JavaScript에서 객체를 만들 때 사용 | { name: "Alice", age: 25 } |
| 코드 블록 (Block Scope) | 함수, 조건문, 반복문 등에서 코드 범위를 정의할 때 사용 | if (true) { console.log("Hello"); } |
| ES6 Destructuring | 객체 속성을 추출할 때 사용 | const { name, age } = person; |
| JSON 형식 | JSON 데이터를 표현할 때 사용 | { "title": "Movie", "rating": 8.5 } |
소괄호 ( )
| 사용사례 | 설명 | 예제 |
|---|---|---|
| 함수 호출 (Function Call) | 함수를 실행할 때 사용 | sayHello(); |
| 함수 선언 (Function Parameters) | 함수의 매개변수를 정의할 때 사용 | function add(a, b) { return a + b; } |
| 수학 연산 우선순위 | 연산의 우선순위를 지정할 때 사용 | result = (2 + 3) * 4; |
| 화살표 함수 (Arrow Function) | ES6에서 화살표 함수의 매개변수를 정의할 때 사용 | const double = (x) => x * 2; |
| 조건문 논리 그룹화 | if, while 등에서 논리식을 감쌀 때 사용 | if (x > 5 && y < 10) { ... } |
요약
| 기호 | 사용 용도 |
|---|---|
| { } | 객체, 코드 블록 (if, for, function 등), JSON |
| [ ] | 배열, 배열 인덱싱, 객체 속성 동적 접근 |
| ( ) | 함수 호출, 수학 연산, 조건문 논리 그룹화 |
:D