🤩 재미있는 javascript 예제 1

😀 무궁무진한 자바스크립트세계에 빠져보자!

1.[]와 ![]은 같다.

[] ==![] =>true

위 표현식은 아래와 같이 단순화될 수 있다.

+[]==+![];
0 == +false;
0 == 0'
true;

추상항등 연사자는 양쪽을 숫자로 변환하여 비교하고 서로 다른 이유로 결국 양쪽의 숫자는 0이 된다.

2.true는 ![]와 같지 않지만, []와도 같지 않다.

true == []; => false
true == ![]; => false
false == []; =>true
false == ![]; ==>true

• true와 []은 같지 않다.

toNumber(true) => 1
 toNumber([])=> 0

• true와 ![]은 같지 않다.
  ![]은 false이기 때문이다.

• false와 []은 같다.
  toNumber(false)는 0이고, toNumber([]) 또한 0이다.

3. true는 false

!!"false" == !!"true"; => true
!!"false" ===!!"true"; =>true

true== "true"는 false다.
true는 1이다. 그러나 string안에 있는 'true'는 NaN이다.
이 말은 즉 false =="false"는 false다.
'false'는 빈 스트링이 아니다. 그러므로 이는 truthy value이다.
!!"false" =>true가 된다.

4. []은 truthy이지만 true는 아니다.

배열은 truthy한 값이지만 true와 같지는 않다.

!![] // => true
[] == true // => false

5. null은 falsy이지만 false는 아니다.

null은 falsy값이라는 사실에도 불구하고 false는 아니다.

!!null //=>false
null == false; // =>false

동시에 0 또는 ''와 같은 falsy값은 false와 동일하다.

0 == false; //=>true
"" == false ; //=>true

6. 최소 값은 0보다 크다.

Number.MIN_VALUE은 0보다 큰 가장 작은 숫자이다.

Number.MIN_VALUE >0; // =>true

Number.MIN_VALUE은 5e0324이다. 즉 부동 소수점 정밀도 내에서 표현할 수 있는 가장 작은 양수이다. 소수가 제공할 수 있는 최상의 값이라고 정의할 수 있다.

7. 배열 추가

두 개의 배열을 추가하려면 어떻게 해야 할까?

[1,2,3]+[4,5,6]; // =>'1,2,34,5,6'

아래를 차근차근 봐보자.

[1,2,3]+[4,5,6]
[(1,2,3)].toString() +[4,5,6].toString();
"1,2,3"+"4,5,6";
// =>("1,2,34,5,6");

8. 배열평등은 몬스터

배열평등은 아래에서 볼 수 있듯 javascript에서는 몬스터이다.

[] == ' ' //=>true
[] == 0 //=>true
[''] == '' //=>true
[0] == 0 // =>true
[0] == '' //=>false
[''] == 0 // =>true
[null] == '' //=>true
[null] == 0 //=>true
[undefined] == '' //=>true
[undefined] == 0 //=>true
[[]] == 0 // true
[[]] == '' // true
[[[[[[]]]]]] == '' // true
[[[[[[]]]]]] == 0 // true
[[[[[[ null ]]]]]] == 0 // true
[[[[[[ null ]]]]]] == '' // true
[[[[[[ undefined ]]]]]] == 0 // true
[[[[[[ undefined ]]]]]] == '' // true

9. undefined과 Number

Number생성자에 인수를 전달하지 않으면 0값을 얻게 된다. 실제 인수가 없는 경우 undefined값이 형식 인수에 할당되기에 인수가 없는 Number는 매개 변수 값으로 undefined를 사용한다. 그러나 undefined를 통과하면 NaN을 얻을 수 있다.

Number(); // => 0
Number(undefined); // =>NaN

10. parseInt는 나쁜놈??

parseInt은 특이한 점으로 유명하다.

parseInt("f*k"); //=>NaN
parseInt("f*k",16);// =>15

위와 같은 상황은 parseInt는 알 수 없는 문자에 도달할 때까지 문자별로 계속 구문 분석을 하기에 발생한다. f*k에서 f는 16진수로 15이다.

부동 소수점값을 파싱하는 동안 주의하자.

parseInt(0.000001); // -> 0
parseInt(0.0000001); // -> 1
parseInt(1 / 1999999); // -> 5

parseInt은 문자열 인수를 취하고 지정된 기수의 정수를 반환한다.
0.000001은 문자열 "0.000001"로 바뀌고 parseInt은 0으로 반환된다. 0.0000001이 문자열로 변환되면"1e-7"로 되므로
parseInt은 1을 반환한다.1/1999999은 5.00000250000125e-7로 해석되고parseInt은5을 리턴한다.

---

아래 글을 참고해 작성했다.

https://github.com/denysdovhan/wtfjs/blob/master/README-kr.md