똑같은 삽질은 2번 하지 말자
javasciprt || && 연산자의 활용방법 본문
1. || 연산자
// name의 기본값 셋팅
function setName(name) {
if (!name) {
this.name = "Default Name";
}
}
name의 setter함수인데 인자가 없을 경우에는 if문을 통해 디폴트네임을 셋팅한다.
function setName(name) this.name = name || "Default Name";
자바스크립트에서는 논리 OR 연산자 ||를 활용해 똑같은 기능을 하는 셋터함수를 이렇게 만들 수 있다.
위 코드 경우 setName("heewon") 호출 시에는 인자에 name이 존재하므로 변수에 할당된다. (없으면 Default Name이 셋팅된다.)
2. if문 조건 (&& 연산자)
function isAdult(age) {
if (age && age > 17) {
return true;
} else {
return false;
}
}
위 코드는 전달 인자가 존재하고, 또한 17보다 크면 true를 반환,
그렇지 않다면, false를 반환하는 함수이다.
위와 같이 특정 함수의 return을 boolean 형태로 만들어 사용할 때,
if, else문을 통해 많이 사용할 것이다.
자바스크립트는 한 줄이면 같은 기능을 하는 함수를 구현할 수 있다.
function isAdult(age) { return age && age > 17 ; }
'Javascript' 카테고리의 다른 글
내가 원하는 노드(태그)로 자동 스크롤 하는 방법 (0) | 2021.07.19 |
---|---|
URI에서 한글인식이 안될때, 특수문자를 데이터로 넣을 경우 (0) | 2021.04.17 |
Typescript 기본타입 (0) | 2021.02.02 |
단순 요청(Simple requests), 프리플라이트(Preflight requests) 요청? 왜 axios 요청이 자동으로 두번이 되는지..에 대해(preflight cors) (0) | 2020.11.29 |
Array.prototype.map() 과 Object.assign을 이용한 데이터 편집 (0) | 2020.10.03 |
Comments