php 에서는 && 와 || 가 부울값을 반환합니다. true or false...
php.net 매뉴얼에도 명확하게 알 수 없으니 중첩해서 쓰지 말라고 적어놨던데 다른 언어도 이런가요?
그러나 js 에서는 좀 다릅니다.
&& 는 목록 중에서 가장 처음 나타나는 빈 값 혹은 전부 참 값일 경우 마지막 참 값을
반대로,
|| 는 목록 중에서 가장 처음 나타나는 참 값 혹은 전부 빈 값일 경우 마지막 빈 값을 반환합니다.
즉 논리 연산을 종료시키는 값을 반환하는 거지요.
(프로그래밍 용어로 뭐라고 하는지 몰라서 빈 값이라고 적었는데 false, null, undefined, 0, "" 등등을 말합니다.)
1. &&
$a = 10 && "가";
// $a === true;
$a = 10 && "";
// $a === false;
var a = 10 && "가";
// a === "가";
var a = 10 && "";
// a === "";
2. ||
$a = 0 || "가";
// $a === true;
$a = 0 || "";
// $a === false;
var a = 0 || "가";
// a === "가";
var a = 0 || "";
// a === "";
|| 는 php 에서의 삼항 연산 축약과 비슷합니다.
$a = $b ?: $c;
var a = b || c;
3. 이걸 간편하게 쓸 수 있는 경우를 예로 들면
특정 키에 숫자값이 있으면 증가시키고 없으면 1을 넣는 방법을 생각해봅시다.
3-1. if
var fruits = {};
if(fruits.hasOwnProperty("apple")) { // 용도상 숫자값이 확실하니 isNaN 은 안함
fruits["apple"]++;
} else {
fruits["apple"] = 1;
}
3-2. ||
fruits["apple"] = (fruits["apple"] || 0) + 1;
이런 식으로 할 수 있지요.
4. 중첩
var a = 0 || false || null || undefined || "" || "a"
// a === "a";
아래와 같은 간단한 식을
var a = b || c || d || e || f;
삼항 연산으로 적어보면
var a = b?b : c?c : d?d : e?e : f;
이렇습니다.
길게 나열이 가능하기 때문에 적절하게 연산을 넣으면 if else if 를 줄이는 것도 가능합니다.
var n = 0;
var m = 2;
var a = n++ || (m*=2)>100 || 100 ;
// n === 1
// m === 4
// a === 100
그러나 php 에서는 삼항 연산이 여러개 이어질 때 순차적으로 전부 다 해석해 버려서 아래와 같이는 못합니다.
$a = $b ?: $c ?: $d ?: $e ?: $f;
=>
$a = $b ? $b : $c ? $c : $d ? $d : $e ? $e : $f;
=>
$a = ( ( ($b ? $b : $c) ? $c : $d) ? $d : $e) ? $e : $f;
// 결국 $a 은 $e 혹은 $f 만 가능
php 를 아주 가끔만 쓰는데 && 와 || 가 부울값을 반환하는 것과 삼항 연산이 예상대로 되지 않는 것 때문에 귀찮았던 기억이 나네요.
부울값 반환이야 논리 연산이니 저게 맞다고 쳐도 삼항 연산은 골치 아파서 결국 길게 if 문으로 풀어서 썼습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 6615 | |
| 6614 | |
| 6606 | |
| 19438 |
JavaScript
audio 음악이 끝났을때 이벤트를 넣을 수 있나요?
1
|
| 6604 | |
| 6592 | |
| 6588 | |
| 6586 | |
| 6583 | |
| 6577 | |
| 19437 |
JavaScript
캔버스 ( html5 ) 그림 그리기3
|
| 6576 | |
| 6575 | |
| 6574 | |
| 19435 | |
| 27715 | |
| 6571 | |
| 6570 | |
| 6562 | |
| 6559 | |
| 6553 | |
| 6552 | |
| 6551 | |
| 6548 | |
| 24572 | |
| 6545 | |
| 6544 | |
| 6543 | |
| 6541 | |
| 6539 | |
| 6527 | |
| 6526 | |
| 6524 | |
| 6519 | |
| 6516 | |
| 27701 | |
| 27699 | |
| 6515 | |
| 19434 |
JavaScript
캔버스 ( html5 ) 그림 그리기2
|
| 6514 | |
| 19433 |
JavaScript
캔버스 ( html5 ) 그림 그리기
|
| 6503 | |
| 19432 |
jQuery
파일 첨부시심플하게 버튼으로만 되게..
|
| 6500 | |
| 6497 | |
| 6496 | |
| 6491 | |
| 6485 | |
| 32041 | |
| 6483 | |
| 6479 | |
| 6478 | |
| 6475 | |
| 6473 | |
| 6467 | |
| 6465 | |
| 6462 | |
| 27697 | |
| 6454 | |
| 6451 | |
| 27695 | |
| 6446 | |
| 6440 | |
| 6437 | |
| 27688 | |
| 6433 | |
| 6430 | |
| 6427 | |
| 6426 | |
| 6422 | |
| 6421 | |
| 6418 | |
| 27686 | |
| 27678 | |
| 6414 | |
| 6410 | |
| 6404 | |
| 6400 | |
| 6398 | |
| 6389 | |
| 6384 | |
| 6383 | |
| 6378 | |
| 6370 | |
| 6363 | |
| 6348 | |
| 6338 | |
| 6329 | |
| 6328 | |
| 6316 | |
| 6309 | |
| 6299 | |
| 6296 | |
| 27674 | |
| 27671 | |
| 6293 | |
| 6282 | |
| 24570 | |
| 6277 | |
| 6264 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기