자바스크립트(JavaScript)팁

참고 URL : https://javascript.plainenglish.io/7-must-know-javascript-tricks-tips-2d6e9c26e175

7 Must-Know JavaScript Tricks & Tips

 

1. 스위치 대신에 객체를 사용

let n = 1
let result

// X
switch ( n ) {
	case 1:
    	result = 'test1'
        break
    case 2:
    	result = 'test2'
        break
    ...
}

// O
let nMap = {
	1: 'test1',
    2: 'test2',
    ...
}
result = nMap[n]

 

2. 다중 if 대신 includes 메소드 사용

const n = 1
// X
if (n === 1 || n === 2 || n === 3 ) { ... }

// O
const conditions = [1, 2, 3]
if (conditions.includes(n)) { ... }

 

3. 디폴트 파라미터 사용

// X
const func = (name) => {
	name = name || 'test'
    console.log(name)
}

// O
const func = (name = 'test') => {
	console.log(name)
}

 

4. if ... else ... 대신에 ... ? ... : ... 사용

const n = 18
let result

// X
if (n % 2 === 0) {
	result = 'even number'
} else {
	result = 'odd number'
}

// O
result = n % 2 === 0 ? 'even number' : 'odd number'

 

5. string > number 변환에 '+' 사용

let str = '123'

// X 
let num = Number(str) // 123
let num2 = parseInt(str) // 123

// O
let num = +str // 123

 

6. 더 보기 좋은 정보를 위해서 JSON.stringfy 사용

최상위 URL 링크 참조

 

7. fill 을 사용하여 배열 초기화

// X
let array = []
const len = 100
for (let i = 0; i < len; i++) {
	array[i] = 'test'
}

// O
let array = Array(100).fill('test')