당신이 사용하고 싶어질 멋진 3가지 자바스크립트 팁!

단락

// instead of using the usual if statement
if (login.status) {
displayUser()
}

// use a technique called short circuit evaluation

login.status && displayUser()

이는 &&(왼쪽에서 오른쪽으로 읽는 논리적 AND) 때문에 작동하므로 첫 번째 피연산자가 true(login.status)이면 두 번째 피연산자(displayUser())를 실행합니다.

첫 번째 피연산자가 거짓이면 Javascript는 AND가 항상 거짓이고 나머지 코드를 계속 읽기 때문에 '단락'됩니다!

이 기술은 JSX 코드에서 IF/ELSE 문을 사용할 수 없으므로 React를 사용하는 경우 특히 중요합니다.

단항 연산자를 사용하여 문자열을 숫자로 변환

// you may get an Id or some number as a string type

data.id = "3223"

// a quick and easy to turn it into a number

if(+data.id===3223) console.log("It is now a number!)

문자열(피연산자) 앞에 +(연산자)를 배치하기만 하면 피연산자가 숫자로 변환됩니다.

예를 들어 "++"와 같이 더 많은 단항 연산자를 사용할 수 있습니다.
피연산자에 1을 더합니다.

이것의 또 다른 사용 팁은 음수/문자열을 양수로 변경하는 것입니다.

console.log(-"-12") // 12!
console.log(--12) // 12

true, null, false, NaN 등과 같은 다른 피연산자 앞에 + 또는 - 연산자를 배치하면 어떤 일이 발생하는지 확인하십시오. 올바르게 예측할 수 있습니까?

여러 조건 확인 단축

우리는 모두 거기에 있었다

if(input==="yes" || input ==="y"|| input ==="ok"){
//code to execute
}

길이가 길어 등호를 놓치거나 하나만 사용할 수 있으며 입력을 다시 작성하는 것을 잊을 수 있습니다. 따라서 위와 유사한 코드를 작성해야 하는 경우 이 작은 JavaScript 코드를 사용해 보십시오!

if(["yes","y","ok"].includes(input)) {
//code to execute
}

include는 부울을 반환하는 배열에 대한 메서드입니다. 배열에서 요소를 찾지 못하면 단순히 false를 반환합니다.