JavaScript: 팁과 요령

!! 운영자

값이 참인지 거짓인지 확인하려면!! operator 이 이중 not or not 연산자를 호출할 수 있으며 여기에서 부울 함수를 사용할 수도 있습니다.

console.log(!! 0)             // output: false
console.log(!! 1)            // output: true

console.log(Boolean(1))     // output: true
console.log(Boolean(0))    // output: false

문자열 → 숫자 변환

문자열을 숫자로 변환

const string = '101'

console.log(+string)          // output: 101
console.log(Number(string))   // output: 101

반대 방법

reverse 방법을 사용하여 배열 항목의 순서를 반대로 하면 reverse 방법이 원래 배열을 변경한다는 것을 알 수 있습니다.

const numbers = ['1', '2', '3']

console.log(numbers.reverse())   // output: [ "3", "2", "1" ]

Math.min 및 최대

Math.min & Math.max 함수를 사용하여 배열에서 최소값 또는 최대값을 찾습니다.

const numbers = [1, 2 ,3, 4, 5]

console.log(Math.min(...numbers)) // output: 1

console.log(Math.max(...numbers)) // output: 5

배열 병합

스프레드 연산자를 사용하여 배열을 병합합니다.

const fruits = ['🍎', '🍌']

const vegetables = ['🥔', '🥕']

const food = [...fruits, ...vegetables]

console.log(food) // output: [ "🍎", "🍌" , "🥔", "🥕" ]

잘못된 가치

자바스크립트에는 9개의 거짓 값이 있습니다.

undefined , null , NaN , 0 , 0n (BigInt 0), -0 ""(empty string),false,document.all

삼항 연산자

삼항 연산자를 사용하면 if...else 문을 보다 간결하게 작성할 수 있습니다.

let number = 1

if (number == 1) {
  console.log('number is one')
} else {
  console.log('number is not one')
}

// Syntax: condition ? exprIfTrue : exprIfFalse  (MDN)

console.log(number === 1 ? "number is one" : "number is not one");

배열에서 중복 제거

const fruits = ['🍎', '🍊', '🍎', '🍊']

// Method 1:
const filteredFruits = Array.from(new Set(fruits))
console.log(filteredFruits) // output: Array [ "🍎", "🍊" ]

// Method 2:
const filteredFruits = [...new Set(fruits)]  
console.log(filteredFruits) // output: Array [ "🍎", "🍊" ]

지도 방법

배열 항목을 조작하려면 map 메소드를 사용해보십시오. map 메소드는 배열의 각 요소에 대해 주어진 함수를 실행하고 원래 배열을 기반으로 새 배열을 반환합니다.

const numbers = [1, 2, 3, 4, 5]

const mapedNumbers = numbers.map(element => element + 1) 

console.log(mapedNumbers) // output: [2, 3, 4, 5, 6]

포함 방법

배열에 특정 값이 포함되어 있는지 확인하려면 포함 메서드를 사용합니다.

const hearts = ['🧡', '💙', '🤍']

console.log(hearts.includes('🧡'))  // output: true

console.log(hearts.includes('❤️'))  // output: false

필터 방식

조건에 따라 배열을 필터링합니다. 필터 메서드는 함수를 인수로 받아 배열의 각 요소에 대해 해당 함수를 실행하고 새 배열을 반환합니다.

const numbers = [1, 5, 6, 7, 4]

const filteredArray = numbers.filter(element => element > 4)

console.log(filteredArray)  // output: [ 5, 6, 7 ]

맨 위로 스크롤 버튼

const button  = document.querySelector('button')

button.addEventListener('click', function () {
  window.scrollTo(0,0)
})

해피코딩 😊