단축평가 논리 계산법

AND 연산 (연산자: && )

맨앞이 truthy 한 값이라면 맨 뒤의 데이터를 결과값으로 한다.

반면, 맨앞이 falsy한 값이라면 맨앞의 데이터를 결과값으로 한다.

// truthy한 값과 AND 연산
console.log(true && 'hello')		// hello
console.log('hello' && true)		// true
console.log('hello' && 'bye')		// bye
console.log(1 && 2)			// 2
console.log(2 && 1 && 3)		// 3


// falsy한 값과 AND 연산
console.log(false && 'hello')		// false
console.log(null && 'hello')		// null
console.log(undefined && 'hello')	// undefined
console.log(0 && 'hello')		// 0
console.log('' && 'hello')		// ''
console.log(NaN && 'hello')		// NaN

 

function getName(animal){
	// animal이 truthy한 값이라면, animal.name을 리턴
	return animal && animal.name;
}

const dog = {
	name: '슈슈';
};

let name = getName(dog);
console.log(name);	// 슈슈

name = getName();
console.log(name);	// undefined

 

 

OR 연산 ( 연산자: || )

맨앞이 falsy한 값이고, 뒤에가 truthy하다면 뒤의 데이터를 결과값으로 한다.

(맨뒤의 값도 falsy하다면, 맨뒤의 값으로 결정된다)

맨앞이 true값이면 맨앞 데이터를 결과값으로 한다.

// OR 연산 : falsy || truthy => 맨뒤 값
console.log(false || 'hello');			// hello
console.log('' || 'hello');			// hello
console.log(null || 'hello');			// hello
console.log(0 || 'hello');			// hello
console.log(NaN || 'hello');			// hello


// OR 연산 : truthy || falsy => 맨앞 값
console.log(1 || 'hello');			// 1
console.log('wow' || 'hello');			// wow


// OR 연산 : truthy || truthy => 맨앞 값
console.log(1 || 'hello');			// 1


// OR 연산 : falsy || falsy => 맨뒤 값
console.log(0 || undefined);			//undefined

 

 

function getName(animal) {
	// animal이 truthy한 값이라면 animal.name 값을 name에 저장.
    	// animal이 falsy한 값이라면 name 에도 동일한 값을 저장.
	const name = animal && animal.name;
    
    
    	// name의 값이 truthy하다면 name을 리턴
    	// name의 값이 falsy하다면 '이름 없는 야생 들개'를 리턴
    	return name || '이름 없는 야생 들개';
}


let name = getName(dog);
console.log(name);	// 슈슈

name = getName();
console.log(name);	// 이름 없는 야생 들개