Skip to content

Commit 741ed25

Browse files
[용어통일] null 병합 연산자 --> nullish 병합 연산자
1 parent b57da6d commit 741ed25

File tree

3 files changed

+10
-10
lines changed

3 files changed

+10
-10
lines changed

1-js/02-first-steps/12-nullish-coalescing-operator/article.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
1-
# null 병합 연산자 '??'
1+
# nullish 병합 연산자 '??'
22

33
[recent browser="new"]
44

5-
null 병합 연산자(nullish coalescing operator) `??`를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정되어있는' 변수를 찾을 수 있습니다.
5+
nullish 병합 연산자(nullish coalescing operator) `??`를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정되어있는' 변수를 찾을 수 있습니다.
66

77
`a ?? b`의 평가 결과는 다음과 같습니다.
88
- `a``null`도 아니고 `undefined`도 아니면 `a`
99
- 그 외의 경우는 `b`
1010

11-
null 병합 연산자 `??`없이 `x = a ?? b`와 동일한 동작을 하는 코드를 작성하면 다음과 같습니다.
11+
nullish 병합 연산자 `??`없이 `x = a ?? b`와 동일한 동작을 하는 코드를 작성하면 다음과 같습니다.
1212

1313
```js
1414
x = (a !== null && a !== undefined) ? a : b;
1515
```
1616

17-
비교 연산자와 논리 연산자만으로 null 병합 연산자와 같은 기능을 하는 코드를 작성하니 코드 길이가 길어지네요.
17+
비교 연산자와 논리 연산자만으로 nullish 병합 연산자와 같은 기능을 하는 코드를 작성하니 코드 길이가 길어지네요.
1818

1919
또 다른 예시를 살펴봅시다. `firstName`, `lastName`, `nickName`이란 변수에 사용자 이름이나 별명을 저장하는데, 사용자가 아무런 정보도 입력하지 않는 케이스도 허용한다고 해보겠습니다.
2020

2121
화면엔 세 변수 중 실제 값이 있는 변수의 값을 출력하는데, 세 변수 모두 값이 없다면 '익명의 사용자'가 출력되도록 해보죠.
2222

23-
이럴 때 null 병합 연산자 `??`를 사용하면 값이 정해진 변수를 간편하게 찾아낼 수 있습니다.
23+
이럴 때 nullish 병합 연산자 `??`를 사용하면 값이 정해진 변수를 간편하게 찾아낼 수 있습니다.
2424

2525
```js run
2626
let firstName = null;
@@ -35,7 +35,7 @@ alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // 바이올
3535
3636
## '??'와 '||'의 차이
3737
38-
null 병합 연산자는 OR 연산자 `||`와 상당히 유사해 보입니다. 실제로 위 예시에서 `??``||`로 바꿔도 그 결과는 동일하기까지 하죠. 관련 내용은 [이전 챕터](info:logical-operators#or-finds-the-first-truthy-value)에서 살펴본 바 있습니다.
38+
nullish 병합 연산자는 OR 연산자 `||`와 상당히 유사해 보입니다. 실제로 위 예시에서 `??``||`로 바꿔도 그 결과는 동일하기까지 하죠. 관련 내용은 [이전 챕터](info:logical-operators#or-finds-the-first-truthy-value)에서 살펴본 바 있습니다.
3939
4040
그런데 두 연산자 사이에는 중요한 차이점이 있습니다.
4141
- `||`는 첫 번째 *truthy* 값을 반환합니다.
@@ -117,7 +117,7 @@ alert(x); // 2
117117
118118
## 요약
119119
120-
- null 병합 연산자 `??`를 사용하면 피연산자 중 '값이 할당된' 변수를 빠르게 찾을 수 있습니다.
120+
- nullish 병합 연산자 `??`를 사용하면 피연산자 중 '값이 할당된' 변수를 빠르게 찾을 수 있습니다.
121121
122122
`??`는 변수에 기본값을 할당하는 용도로 사용할 수 있습니다.
123123

1-js/02-first-steps/15-function-basics/article.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -244,7 +244,7 @@ function showMessage(text) {
244244
}
245245
```
246246
247-
이 외에도 모던 자바스크립트 엔진이 지원하는 [null 병합 연산자(nullish coalescing operator)](info:nullish-coalescing-operator) `??`를 사용하면 `0`처럼 falsy로 평가되는 값들을 일반 값처럼 처리할 수 있어서 좋습니다.
247+
이 외에도 모던 자바스크립트 엔진이 지원하는 [nullish 병합 연산자(nullish coalescing operator)](info:nullish-coalescing-operator) `??`를 사용하면 `0`처럼 falsy로 평가되는 값들을 일반 값처럼 처리할 수 있어서 좋습니다.
248248
249249
```js run
250250
// 매개변수 'count'가 넘어오지 않으면 'unknown'을 출력해주는 함수

1-js/02-first-steps/18-javascript-specials/article.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -152,8 +152,8 @@ alert( "차 주문 여부: " + isTeaWanted ); // true
152152
논리 연산자
153153
: AND 연산자 `&&`와 OR 연산자 `||`은 단락 평가를 수행하고, 평가가 멈춘 시점의 값을 반환합니다(꼭 `true``false`일 필요는 없습니다). NOT 연산자 `!`는 피연산자의 자료형을 불린형으로 바꾼 후 그 역을 반환합니다.
154154

155-
null 병합 연산자
156-
: null 병합 연산자 `??`는 피연산자 중 실제 값이 정의된 피연산자를 찾는 데 쓰입니다. `a``null`이나 `undefined`가 아니면 `a ?? b`의 평가 결과는 `a`이고, `a``null`이나 `undefined`이면 `a ?? b`의 평가 결과는 `b`가 됩니다.
155+
nullish 병합 연산자
156+
: nullish 병합 연산자 `??`는 피연산자 중 실제 값이 정의된 피연산자를 찾는 데 쓰입니다. `a``null`이나 `undefined`가 아니면 `a ?? b`의 평가 결과는 `a`이고, `a``null`이나 `undefined`이면 `a ?? b`의 평가 결과는 `b`가 됩니다.
157157

158158
비교 연산자
159159
: 동등 연산자 `==`는 형이 다른 값끼리 비교할 때 피연산자의 자료형을 숫자형으로 바꾼 후 비교를 진행합니다. `null``undefined`는 자기끼리 비교할 땐 참을 반환하지만 다른 자료형과 비교할 땐 거짓을 반환합니다.

0 commit comments

Comments
 (0)