조건문이 아닐 때 사용하는 조건연산자 (&&, || ) (javascript) - FE study15

1. 조건연산자 (&&, ||)

&& : 조건 and를 의미함 (모두 tru여야 true)

true && true // true
true && false // false
false && true // false
false && false // false

|| : 조건 or을 의미함 (하나라도 true이면 true)

true || true // true
true || false // true
false || true // true
false || false // false

2. 조건문에서의 조건연산자

const arr=[1,2,3,4]

if(arr.indexOf(1) && arr.indexOf(5) ){
console.log("트루!")
}
// 묵묵부답..

if(arr.indexOf(1) || arr.indexOf(5) ){
console.log("트루!")
}
// 트루!

3. 조건문이 아닐 때 사용하는 조건연산자

맛보기

console.log("안녕" && "잘가")
// 잘가

console.log("안녕" || "잘가")
// 안녕

잉? 이게뭐지...

자료형에서 false 로 기록되는 ("", null, undefined, NaN, 0) 을 제외하고는 true 이다. (빈배열 [], 빈객체 {} 도 true)

해당 "안녕"과 "잘가" 는 모두 데이터를 가지고 있으며 true 이다.

3-1. && 사용법

&& 연산자는 데이터를 읽을 때, block 역할을 함.

state={name:"김태은"}

console.log(state && state.name) // state가 있을 경우만! name에 접근

// or

state ? console.log(state.name)

&& 연산자 : 데이터가 있으면 넘어가서 다음꺼!

3-2. || 사용법

|| 연산자는 해당데이터가 없을 경우, (자료형의 데이터가 false) 다른 데이터를 심어주는 역할을 함.

let name = ""
console.log(name || "디폴트")
// 디폴트

let name = "김태은"
console.log(name || "디폴트")
// 김태은

|| 연산자 : 데이터가 없으면 넘어가서 다음꺼!