너만모르는 JavaScript Tip

joon·2021년 6월 16일
0

너만모르는 Tip

목록 보기
2/2
post-thumbnail

배열의 Falsy값 삭제하기

const data = ['lorem', '', 'ipsum', undefined, false, 'dolor'];

console.log(data.filter(Boolean)); //['lorem', 'ipsum', 'dolor']

falsy리스트

  1. undefined
  2. null
  3. NaN
  4. 0
  5. '' (empty string)
  6. false

디버그할때 로그에 네이밍하지 않고 표시하기

const someData = 'hello world';
const otherData = 123;

console.log({someData, otherData}); // {someData: 'hello world', otherData: 123}

큰 숫자 구별하는 방법

const largeNumber = 132244214214214;         //읽기 힘듬
const testNumber = 132_244_214_214_214;    // 2,8,16진수도 _ 로 숫자구별할수 있는 용도로 사용할수 있음

console.log(testNumber === largeNumber) // true

배열의 중복값 제거

const array = [5,3,7,6,4,5,5,7,5];
const uniqueArray = [...new Set(array)];

console.log(uniqueArray);  //[5, 3, 7, 6, 4]

내림연산

 ~~2.5 //2
 ~~2.1 //2
 ~~(-2.5) //-2

짝수 홀수

let number =10
console.log(!!(number & 2)) //ture  짝수체크
console.log(!!(number & 1)) //false 홀수체크

map처럼 Array.From사용하기

const profiles = [
	{name:'JavaScript', age:22},
	{name:'TypeScript', age:22},
	{name:'React', age:22},
]

const profileNames = Array.from(profiles,({name})=>name);
console.log(profileNames); //["JavaScript","TypeScript","React"]
profile
https://github.com/joon610

4개의 댓글

comment-user-thumbnail
2021년 6월 16일

좋은 글 감사합니다^ㅇ^

1개의 답글
comment-user-thumbnail
2021년 6월 23일

로그 찍을때 매번 네이밍 일일히 썼는데 이거 진짜 꿀팁이네요ㅋㅋㅋ

1개의 답글