JavaScriptの小技集 - Qiita

はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",

[greenbow]

2 in array は「array が "2" というプロパティを持っているか？」で、 JS の配列は「index をプロパティに持つオブジェクト」なので 2 in [1, 10, 100] は true になるんですよ。 > ブコメ

[diveintounlimit]

なんというか、基本が理解できてないからこういうことになるんだろうというリストに見える。

[hirose504]

`in array` は指定の要素を配列に含んでいるかなので、指定の長さ以上あるかを確認するのには使えない（と思っていたが、`2 in [1,10,100]` はtrueだったよ、ごめんね

[pseudomaple]

PCでブラウザ開いてたら5秒で間違いを実証できるコメントにスターついてんのなんなんだ

[eartht]

AIに聞けば答えてくれるっちゃあくれるが、この発想に至らないことにはAIも答えようが無いので、自分の脳に入れとくべき内容

[nikochinoishii]

inは素朴にはobject（連想配列）に使用するが、arrayに使うことで要素数チェックに使うハッキーなコード。基本がわかってないわけではなく、ショートハンズ指向・パフォーマンス重視な小技集。

[anonruru]

ブコメで言われてる用途で使うのはArray.prototype.includes()では？ / ちなみに実際これ(in)はtrueになるが、レアケースながらArray(5)のような空の配列に対して使うとfalseになる。

[tokuniimihanai]

むしろ「こんなんにわざわざlodash使うな」ってやつばかりでは。inで長さ判定は普通やらないのはそうだけど。

[kagoyax]

いいテクもあるけどif分とかundefinedの省略形とかでわざわざ読みにくくして何の意味があんの？

[ene0kcal]

消えてますなあ（2/16日現在）。

[waccakun]

.sort(() => Math.random() - 0.5)これ俺の方で検証してちゃんとシャッフルされてんけど、どこが間違いかわからん…>ブコメ

[retarded]

.sort(() => Math.random() - 0.5) は典型的な誤り

[tk_musik]

小技助かると思ったが、これは基本がわかってないリストなのか…やはりプログラミングは難しいな…

[tettekete37564]

JS詳しく無いが“5 in array”はサイズじゃなくてarrayに値が5の要素があるか？じゃ無いの？Python方面にもそういう書き方あったな。

[kijtra]

MDNにリンクしてくれてるの偉い！ちょこちょこリンク先間違ってるけどw

[mayumayu_nimolove]

↑褒めると間違いを指摘するブコメが増えると思ったが大当たり / 定期的にまとめてくれる人ほんと助かる

[Helfard]

ふえー参考になった。

[fashi]

実践的

[abababababababa]

三項演算子は、なんとなく挙動想像つくけど、これなんだ？？って思ってたやつ。なれると便利そう。

[fa11enprince]

知らないやつとよく忘れるやつがいくつかあった。

[roshi]

Tampermonkeyでスクリプト書くときによく使う。