이 트릭으로 Javascript 마술사가 되십시오!

트릭을 수행하는 방법을 알고 있습니까?
카드 트릭이나 작업의 용이성 또는 손재주와 관련된 것일까요?

개발자가 된다는 것은 우리가 많은 코드로 작업하게 된다는 것을 의미합니다. 지루해지는 경우가 많습니다.
어떻게 해결합니까? 쉬운!

우리는 복잡한 코드를 단순화하고 테이블에 보다 효율적인 작업을 제공하는 특정 트릭을 사용합니다.

정확히 그렇게 할 수 있는 몇 가지 트릭을 JavaScript로 가져왔습니다.

배열에서 고유 항목 가져오기

스프레드 연산자에 대해 알고 계실 것입니다.
원래 배열에서 중복 값이 ​​없는 배열을 만드는 데 사용할 수 있습니까?

const arr = ["dogs", "cats", 1, 1, "lion", "lion"]
console.log(arr)
//OP: ["dogs", "cats", 1, 1, "lion", "lion"]

const uniqueArr = [... new Set(arr)]
console.log(uniqueArr)
//OP: ["dogs", "cats", 1, "lion"] 

숫자로 쉽게 변환

모든 JavaScript 초보자는 숫자와 문자열을 추가하여 문자열을 출력으로 얻는다는 것을 알고 있을 것입니다.
문자열 앞에 + 연산자를 사용하여 숫자로 변환하여 해결할 수 있습니다.

const n1  = 10
const n2 = "20"
const total = n1 + n2
console.log(total)
//OP: 1020

//Fixed Code
const newTotal = n1 + +n2
console.log(newTotal)
//OP: 30

문자열로 쉽게 변환

위의 것과 유사하게 숫자 뒤에 빈 따옴표를 연결하여 숫자를 문자열로 변환할 수 있습니다.

const num  = 10
console.log(typeof num)
//OP:  number

const numStr  = 10 + ""
console.log(typeof numStr)
//OP:  string

if-else 문을 피하십시오

삼항 연산자라는 강력한 연산자가 있습니다.
연산자의 단순성은 우리의 코드를 짧고 달콤하게 만듭니다.

const aboolean = false
if(aboolean) {
    console.log("It is True!")
} else{
    console.log("It is False!")
}
//OP: It is False!

// Replacing with the ternary operator
aboolean ? console.log("It is True!") : console.log("It is False!")

배열에서 최대값, 최소값 및 합계 가져오기

마지막 트릭은 "축소"기능입니다.
여기에서도 삼항 연산자를 사용하여 값을 얻습니다.

const nums = [1, 10, 6, 3, -2, 8]
const maxVal = nums.reduce((a, b) => {
    return a > b ? a : b    
})
console.log(maxVal)
// 10

const minVal = nums.reduce((a, b) => {
    return a < b ? a : b    
})
console.log(minVal)
// -2

const totalVal = nums.reduce((a, b) => {
    return a + b    
})
console.log(totalVal)
// 26

그게 다야!
이것들은 내가 최근에 발견한 몇 가지 트릭입니다. 지금부터 이것들을 사용하겠습니다.
이와 같은 몇 가지 트릭에 대해 더 알고 있고 매일 이러한 트릭을 따르는 경우 알려주세요!