개발자가 알아야하는 10가지 JavaScript 꼼수

이 글은 올룰로 Confluence에 작성했던 글을 보관용으로 재포스팅 하는 것이다.

Hacks를 꼼수로 번역

Conditional shortcuts

뭘로 번역해야 할지…

• 기본

if(isLogon) {
  console.log("This user is logon")
}

• 꼼수

isLogon && console.log("This user is logon")

~~ Operator

Math.floor()의 축약

• 기본

Math.floor(3.141592)

• 꼼수

~~(3.141592)

Resizing an Array with array.length

배열 길이 바꾸기

• 기본

let array = [1,2,3,4,5,6]
console.log(array.length)

array = [1,2,3]
console.log(array.length)

• 꼼수

array.length = 3
console.log(array.length)

Low-cost merge of arrays

concat 안쓰고 배열 합치기

• 기본

let array1 = [1,2,3]
let array2 = [4,5,6]

let array3 = array1.concat(array2)
console.log(array3)

• 꼼수

array1.push.apply(array1, array2)
console.log(array1)

Default value with ||

기본 값 사용 — ??와 같음

• 기본

let nullableString = 'default'
let nullableInt = 3

nullableString = null
nullableInt = null

if (!nullableString) {
  nullableString = 'default'
}

if (!nullableInt) {
  nullableInt = 3
}

• 꼼수

nullableString = nullableString || 'default'
nullableInt = nullableInt || 3

Calculating array.length in large structures

배열 길이를 Caching해서 사용하자

• 기본

let array = [1,2,3,4]

for (var i = 0; i < array.length; i++) {
  console.log(array[i])
}

• 꼼수

const arrayLength = array.length
for (var i = 0; i < arrayLength; i++) {
  console.log(array[i])
}

Further exploring the console

Console의 다양한 사용 법

• Group

console.group("first group")
console.log("first group log 1")
console.log("first group log 2")
console.group("second group")
console.groupEnd()
console.log("second group log 1")
console.log("second group log 2")
console.log("second group log 3")
console.groupEnd()

• Time

console.time("time1")
console.timeLog("time log")
console.timeEnd("time1")

Accessing the Array using slice()

slice를 사용한 배열 요소 접근법

• 기본

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

console.log(array[array.length - 1])

• 꼼수

console.log(array.slice(-1))

Falsy or Truly validation with the !! operator

참과 거짓

• 기본

let trueValue = 'a'

console.log('a is ', a ? true : false)

• 꼼수

let trueValue = 'a'

console.log('a is ', !!a)

Number para String e String para Number rapidamente

빠른 문자열 — 숫자 변환

• 기본

let numberValue = 10
let stringFromNumber = String(numberValue)

console.log(numberValue, 'is', stringFromNumber)

let stringValue = "10"
let numberFromString = String(stringValue)

console.log(stringValue, 'is', numberFromString)

• 꼼수

let numberFromString =+ stringValue

console.log(stringValue, 'is', numberFromString)

원문

https://medium.com/xtechportugal/10-javascript-hacks-that-developers-should-know-40657b8be180