20 個の奇妙な JS 式、出力結果を推測してください!

この記事では、20 個の奇妙な JavaScript 式を紹介します。その出力結果に答えられますか?さあ、チャレンジに答えてみませんか！

#JavaScript は非常にフォールトトレラントなプログラミング言語であり、他のプログラミング言語では不正な多くの式が JavaScript では正常に動作します。

これにより、多くの奇妙なコードが生成されます。挑戦してみませんか？

チャレンジ

このチャレンジでは、20 個の奇妙な表現が表示され、その出力を推測する必要があります。

#1.

true + false

2.

**1.**

3.

[1, 2, 3] + [4, 5, 6]

4.

0.2 + 0.1 === 0.3

5.

10,2

6.

!!""

7 .

+!![]

#8.

true == "true"

#9.

010 - 03

#10.

"" - - ""

11.

null + 0

12.

0/0

13.

1/0 === 10 ** 1000

14.

true++

15.

"" - 1

16.

(null - 1) - "1"

17 .

38 * 4343 * 2342+ (“true” — 0)

#18.

5 + !5 + !!5

#19.

[] + [1] + 2

#20.

1 + 2 + "3"

結果と分析

true false

2 つのブール値の間で加算演算子 ( ) を使用しようとすると、数値に変換されます。

そして、

true は 1

に変換され、

false

は

0 に変換される必要があることは誰もが知っています。したがって、true false は 1 を返します。 [,,,].length[,,,]

3 つの空のスロットを持つ配列を出力します。最後のコンマは末尾のコンマです。

このように考えることができます。

[,]     ==> [empty,]
[,,]    ==> [empty, empty,]
[,,,]   ==> [empty, empty, empty,]

したがって、

[,,,].length は 3 を返します。

[1, 2, 3] [4, 5, 6]

配列間で加算演算子 ( ) を使用しようとすると、文字列に変換されます。 。

配列を文字列に変換する場合、配列の

toString() メソッドが呼び出されます。 toString()

このメソッドは JavaScript によって内部的に使用され、配列をテキストとして表示する必要がある場合、その要素をカンマで接続します。

[1, 2, 3].toString() ==> '1, 2, 3'
[4, 5, 6].toString() ==> '4, 5, 6'

So

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

0.2 0.1 === 0.3浮動小数点数はコンピュータで正確に表現することが難しいため、数学的には

0.1

と

0.2 は、コンピューターでは近似的な数値でしか表現できません。

0.1 0.2 の結果は、正確には 0.3 ではありません。 JavaScriptに限らず、他のプログラミング言語でも同様の問題があります。

10, 2コンマ (,

) も JavaScript では有効な演算子であり、各オペランドを (左から右、そして右)、最後のオペランドの値を返します。

したがって、10,2 は 2

!!""

""

は空の文字列です。偽の値。

注: 0、空の文字列 ""、null および unknown はすべて仮想値です。

#!

は論理「not」演算子で、true を false に、またはその逆に変換します。

# を 2 回使用すると (

#)、通常の値がブール値に変換されます。したがって、!"" は

false

を返します。 !![]配列は空の配列も含めてすべて true 値です。したがって、!![] は

true

を返します。

!![]; // -> true

と

は、真の値を数値表現 1 に変換します。そのため、 !![] は

1# # を返します。 ＃。

true == "true"二重等価演算子 (==) は、2 つのオペランドが等しいかどうかをチェックし、ブール値の結果を返します。 抽象的な等価比較ルールに従って、比較すると両方の値が数値に変換されます。

true == "true" ==> Number(true) == Number("true") ==> 1 == NaN

したがって、

ture == "true" false を返します。

010 - 03

ちょっとしたトリックがあります。数値が

0 で始まる場合、それは 8 進数として扱われます。つまり:

010 - 03 ==> 8 - 3 ==> 5

また:

数値が 0b で始まる場合、JavaScript では 2 進数として扱われます。

数値が 0x で始まる場合、JavaScript では 16 進数として扱われます。

• ""--""

これは構文が悪いように見えますが、それはうまくいきます。 空の文字列は、ブール値 false または数値 0 に変換できます。したがって、-""

は

0

##null 0 です。<p>正如我们之前所说，<code>null是一个虚值。它将被转换为布尔值false或数字值0。所以结果返回 0。

0/0

这是一个非法的数学表达式。方程0/0没有任何有意义的数字答案，输出的结果只是NaN。

1/0 === 10 1000**

虽然1/0和之前一样也是一个非法的数学表达式。但是当除数不是0时，JavaScript认为这个表达式的结果是Infinity。

而10**1000是一个很大数字，JS 无法正确表示这个数字。(JavaScript中最高的整数值是2^53-1)。所以10 * 1000也被当作无限大(Infinity)。

无穷大总是等于另一个无穷大，所以1/0 === 10 ** 1000返回 true。

true++

这没有什么特别的，这只是一个语法错误。

""- 1

虽然加法运算符（+）同时用于数字和字符串，但减法运算符（-）对字符串没有用处，所以JavaScript将其解释为数字之间的操作。一个空的字符串会被类型强制为0。

"" - 1 ==> Number("") - 1 ==> 0 - 1 ==> -1

所以 "" — 1 返回 -1

(null - 1) - "1"

正如上面所说。

null ==>  0
(null - 1) ==> -1
"1" ==> 1

所以 (null — 1) — “1” 返回 -2

38 4343 2342+ ("true" - 0)

你可能会怀疑JS是如此疯狂，以至于它将字符串 "true" 转换为布尔值 true 的数字表示。然而，它并没有那么疯狂。实际发生的情况是，它试图将字符串转换为数字，但失败了。

Number("true"); // -> NaN

在JavaScript的数字运算中，只要有一个值是NaN，运算的最终结果就一定是NaN。38 * 4343 * 2342只是一个烟雾弹。

5 + !5 + !!5

正如上面所说。

• 0、空字符串""、null和undefined都是虚值。
• 非零的数字是真值。

所以：

!5 ==> 0
!!5 ==> 1

[] + [1] + 2

试图在数组之间使用加法运算符（+）时，它们会被转换为字符串。

[] ==> ''
[1] ==> '1'
[] + [1] ==> '1'
'1' + 2 ==> '12'

所以结果是'12'。

1 + 2 + "3"

JavaScript 从左到右执行这些操作。当数字3与字符串3相加时，字符串连接将优先进行。

1 + 2; // -> 3
3 + "3"; // -> "33"

总结

坦率地说，这些挑战并没有为我胶们编码技能提供任何价值，所以不应该在实际项目中写这种代码

但是，把这些技巧作为朋友和同事之间的一些装13，不是一件非常有趣的事情吗？

作者：Marina Mosti

来源：medium

原文：https://medium.com/frontend-canteen/20-useless-but-funny-challange-for-javascript-develor-9eea39bb8efb

【相关视频教程推荐：web前端】

以上が20 個の奇妙な JS 式、出力結果を推測してください!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。