7 유용한 자바스크립트 팁

7 유용한 자바스크립트 팁

더 이상 고민하지 않고 자세히 살펴보겠습니다.

거짓 값 필터링:

값 배열이 있는 경우 null를 사용하여 거짓 값( undefined 0 "" NaN false Boolean() )를 필터링할 수 있습니다.

//Example 1
const x = ["a","",3,false,"hello",undefined]
const y = x.filter(Boolean);

console.log(y) // ["a",3,"hello"]

//Use it like this
myArray.filter(Boolean);

2. Math.floor() 대신 소수점 이하 자릿수
정수를 표시하고 싶을 때 유용
(편집: 이것은 10진수를 제거하므로 실제로 음수에 대해 Math.ceil()처럼 작동하고 @에 크레딧을 부여합니다.

//Example 1 
const x = 1.5 
const y = ~~x   
console.log(y) // Equals 1  

//Example 2
const a = -1.5
const b = ~~a
console.log(b) // Equals -1

//Example 3 
const z = ~~2.73123 
console.log(z) // Equals 2   

3. 암시적 부울 강제 변환
값을 부울로 변경합니다(Boolean(value) 대신).

const x = {} 
const y = !!x //Equals true 
console.log(y) // true

4. 배열의 마지막 항목
음수 인덱스와 함께 Array.slice()를 사용하여 거꾸로 계산할 수 있습니다.

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8]  

console.log(array.slice(-1)); // Equals [8]

console.log(array.slice(-2)); // Equals [7, 8]

console.log(array.slice(-3)); // Equals [6, 7, 8]

5. +를 사용한 암시적 숫자 강제 변환

값 앞에 + 를 넣으면 Number(value) 와 유사한 숫자로 변경하려고 시도합니다. Date.getTime() 대신 Date 객체에 사용할 수도 있습니다.

//Example 1 
const x = new Date() 
const y = +x 
console.log(y) //Equals 1591887393586 (gives back time in ms)

이 작업을 수행하는 데 유용합니다(10초 후 시간 가져오기).

const z = new Date(+new Date() + 10 *1000)
console.log(z) //Equals 1591887403586

6. 메소드 매개변수 검증
입력이 주어지지 않으면 오류를 던질 수 있습니다.

const isRequired = () => { throw new Error('param is required'); };

const print = (value = isRequired()) => {   
    console.log(`${value}`)  
};  

print(2);// Equals  2  
print()// Throws error  
print(null)// Equals null

7. 모든 약속에 대한 오류 삼키기

일반적으로 Promise.all()는 배열 내부의 약속이 거부되면 throw됩니다. 각 Promise에 대해 map과 catch를 사용하여 오류를 무시할 수 있습니다.

const promiseArray = [
    Promise.reject(null),
    Promise.resolve(100),
    Promise.resolve("More data"),
    Promise.reject(new Error('Throw an error here'))
];

//Map and catch for promises 
//And just console.log them 
const all = await Promise.all(
    promiseArray.map(p => p.catch(console.log))
)

그게 다야!
자바스크립트 팁이 있나요?
아래에 댓글로 자유롭게 남겨주세요 🙂