왜 ++[[]][+[]]+[+[]]은 "10"이라는 문자열을 반환하는 걸까요?

이것은 유효하며 자바스크립트에서 10 문자열을 반환합니다 (더 많은 예제는 여기에서 확인하세요):

console.log(++[[]][+[]]+[+[]])

왜? 여기서 무슨 일이 일어나고 있나요?

답변 1

15.4.4.2 배열.prototype.toString ( )

toString 메소드가 호출되면 다음 단계가 수행됩니다:

1. this 값에 대해 ToObject를 호출한 결과를 배열로 지정합니다.




2. array의 [[Get]] 내부 메소드를 join 인수와 함께 호출한 결과를 func로 지정합니다.




3. IsCallable(func)이 false이면, 표준 내장 메소드 Object.prototype.toString(15.2.4.2)로 지정합니다.




4. array를 this 값으로, 빈 인수 목록으로 [[Call]] 내부 메소드를 호출한 결과를 반환합니다.

따라서 +[]는 +에 해당하며, [].join() === 입니다.

다시 말해, +는 다음과 같이 정의됩니다:

11.4.6 단항 + 연산자

단항 + 연산자는 피연산자를 숫자 타입으로 변환합니다.

UnaryExpression : + UnaryExpression 프로덕션은 다음과 같이 평가됩니다:

1. UnaryExpression을 평가한 결과를 expr로 설정합니다.




2. GetValue(expr)의 ToNumber를 반환합니다.

ToNumber는 에 대해 다음과 같이 정의됩니다:

StringNumericLiteral ::: [empty]의 MV는 0입니다.

그래서 + === 0이고, 따라서 +[] === 0입니다.

답변 2

키워드: JavaScript, ++[[]][+[]]+[+[]], 문자열 반환, 이유, 한국어 에세이
제목: JavaScript의 ++[[]][+[]]+[+[]] 연산이 문자열 10을 반환하는 이유
서론:
JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나로, 다양한 기능과 유연성으로 인해 인기를 끌고 있습니다. 그 중에서도 JavaScript의 연산은 종종 예상치 못한 결과를 가져올 수 있기 때문에, 개발자들에게 흥미로운 주제가 됩니다. 이번 에세이에서는 JavaScript의 ++[[]][+[]]+[+[]] 연산이 왜 문자열 10을 반환하는지에 대해 알아보도록 하겠습니다.
1. JavaScript의 자료형:
JavaScript는 동적으로 자료형을 결정하는 기능을 가지고 있습니다. 이는 코드 실행 도중에 변수의 타입을 변경할 수 있음을 의미합니다. 예를 들어, 숫자를 문자열로 변경하거나, 반대로 문자열을 숫자로 변경하는 등의 변환이 가능합니다.
2. ++ 연산자:
JavaScript에서 ++ 연산자는 변수의 값을 1씩 증가시키는 역할을 합니다. 예를 들어, x++는 x의 값을 1증가시키고, x에 그 값을 다시 할당하는 것을 의미합니다.
3. 배열과 인덱스:
JavaScript에서 배열은 일련의 값들을 저장하는 컨테이너 형태로 사용됩니다. 각 값을 참조하기 위해 배열 내에서는 인덱스를 사용합니다. 인덱스는 0부터 시작하며, 원하는 값을 가리킵니다. 예를 들어, list[0]은 배열 list의 첫 번째 값을 가리킵니다.
4. []와 +[] 표현식:
JavaScript에서 빈 배열([])은 존재하지 않는 값으로 평가됩니다. 예를 들어, [] == false 표현식은 true를 반환합니다. 또한, +연산자는 값을 숫자로 변환하는 역할을 합니다. 따라서 +[]는 빈 배열을 숫자로 변환한 결과인 0을 의미합니다.
5. ++[[]][+[]]+[+[]] 연산 분석:
위 표현식을 분석해봅시다.
- [[]]: 빈 배열의 배열을 의미합니다.
- +[]: 빈 배열을 숫자로 변환한 값인 0을 의미합니다.
먼저, [[]]의 인덱스 0번 값을 가져오면 빈 배열([])이 됩니다. 이를 ++ 연산자로 증가시키면 1이 됩니다. 그 후, 이 값을 문자열 1로 변환합니다. 그리고 [+] 표현식은 0을 의미하므로, 문자열 1의 뒤에 숫자 0을 추가합니다.
따라서, 결과적으로 위 연산은 문자열 10을 반환하게 됩니다.
결론:
JavaScript에서는 동적인 자료형 결정과 연산자의 다양한 사용으로 인해 예상치 못한 결과를 얻을 수 있습니다. 이 에세이에서는 JavaScript의 ++[[]][+[]]+[+[]] 표현식이 왜 문자열 10을 반환하는지에 대해 분석해보았습니다. 프로그래밍 언어에서 이러한 흥미로운 동작의 이유를 파악하는 것은 개발자들에게 도움이 될 수 있습니다.