짧고 다양한 자바스크립트 사용법

배열의 resize

const fruit = ["Banana", "Apple", "Strawberry", "Grape", "Mango"]

// 만약 배열중에 앞에서부터 3개만 출력하고 싶다면
const sliceData = fruit.slice(0, 3);
console.log(sliceData) // ['Banana', 'Apple', 'Strawberry']

// 새로운 방법
fruit.length = 3
console.log(fruit)  // ['Banana', 'Apple', 'Strawberry']

 

임시 변수 사용하지않고 두값의 교환

let a = 10;
let b = 20;

[a, b] = [b, a]

console.log(a, b)

 

두 배열을 병합

// 원본 배열들의 불변성 유지하고 새로운 병합 배열 생성
const a = [1, 2, 3]
const b = [4, 5, 6]
const c = a.conact(b)
console.log(c) // [1, 2, 3, 4, 5, 6]




// 원본 배열에 다른 배열 데이터 병학
a.push.apply(a, b)
console.log(a)// [1, 2, 3, 4, 5, 6]

 

 

배열이 아닌 숫자로 반복을 해야할때

[...Array(10)].map((data, i) => console.log(i))

 

 

console.log 에 css 적용

console.log("%cThis is a red text", "color:red");

 

 

참고자료

더 자세한 내용은 아래에서 확인할 수 있습니다.

https://medium.com/geekculture/javascript-hacks-cf8f0fecbc60