なぜ JavaScript の [1, 2, 3] + [4, 5, 6] は '1,2,34,5,6' なのか

先日次のツイートを見かけた。 I have been writing Javascript since roughly 1997 but it still manages to occasionally do something that absolutely shocks me pic.twitter.com/JyYOo4wGOu — mcc (@mcclure111) January 11, 2022 JavaScript では [1, 2, 3] + [4, 5, 6] の結果が "1,2,34,5,6" であり、この挙動が直感に反しているというツイートである。 実際のところ筆者も直感に反していると思う。しかしこの挙動は至って ECMAScript の仕様通りである。 この記事では、なぜこの挙動が ECMAScript の仕様に従っていると言えるのか仕様を引用して説明する。 大雑把な

[kako-jun]

「ここからハック」より後は、配列型の+演算子をオーバーライドして、無理やり配列を結合するのかと思ったら違った

[Knoa]

要点: [1, 2, 3] + [4, 5, 6] は "1, 2, 3" + "4, 5, 6" に変換されるから。以上！激烈シンプル！！！

[xlc]

まどろっこしい。""+[1,2,3] → "1,2,3" だから。以上！

[takehikom]

TypeScriptではエラー／Perl,Python,Rubyの文字列のかけ算の比較(https://takehikom.hateblo.jp/entry/20151102/1446410548 の後半)を思い出した

[dhrname]

面倒で文字列化をx+""みたいにしている

[otchy210]

テンプレートリテラルが実装されて以降は文字列連結にも使わなくなったので、+ は数値の加算のみに使うのが吉やね。文字列連結では [hh, mm, ss].join(':') みたいのもよくやる。

[ys0000]

演算子の動きを理解するにはという話。他の言語でも応用が効く話だと思う。

[masaru_al]

『つまり + 演算子というのは数値の加算もしくは文字列の結合を行う演算子なのだ。したがって直感的でない挙動を避けるためにはそれ以外の用途では使わない方がよいだろう』ふつーは使わないでしょ

[lli]

調べ方が参考になった

[fn7]

そんなに意外じゃなかった(汗

[at_yasu]

まじか…

[nmcli]

JavaScriptに限らず配列の足し算はちゃんと理解してからやらんとダメだな

[mon_sat]

+ 演算子で文字列連結は意図してない結果になるケースが多いので数値の加算以外に使わないと決めるのが安全よね。配列はスプレッド演算子で結合できるし。