-
【JavaScript】addEventListenerで複数イベントを一度に追加する賢い方法要素に対してaddEventListenerを使う時 監視対象のイベントが2つ以上ある 発火時に処理したいコールバックが同じ こういう場合のコードの書き方について 極力無駄なコードは書きたくないはずです。 そこでJava...
-
【JavaScript】execCommand()が非推奨に…その代替方法とかコード例次のAPIがいつの間にか非推奨になってました。 Document.execCommand() どうして非推奨になったかは不明だけど、 ウェブ標準から削除されるのは確実です。 だから代替の方法を探すことにしました。 その代...
-
JavaScript文字列中で改行を挿入・表現する3つの方法とコード例JavaScriptの文字中で改行を挿入 これには3つの方法があります。 ▼ ただし改行と一言でいっても次の違いが 純粋な文字中での改行コード HTML中での改行タグ = brタグ こういった違いなども含め、 JS文字中...
-
JavaScript配列を連番・ランダムな値で全初期化するコード例JavaScriptの配列で次のことがしたい 要素N個の配列を連番で初期化 要素N個の配列をランダムに初期化 forとか使わずにスマートにやりたい そういう方法はもちろんあります。 JavaScriptでループを一切使わ...
-
Javascriptでクワイン(Quine)を自作してみたクワインとは次のプログラムのこと コードからある文字列を出力する それが全くコード自身と同じになる これをクワイン=Quineというらしいです。 そこでJavaScriptでクワインを作ってみました。 ほぼググらずに完全...
-
JavaScriptで数値のビット抽出… n~mビット目を抽出する方法とコード例こういう風なことを実現したいです。 数値(2進数表記)の [crayon-67418e1fe3975814380660-i/] がある そのn~mビット目を抽出したい 例えば3~5ビット目なら [crayon-6741...
-
JavaScriptで入れ子オブジェクトの全要素をループ・全て表示させるJavaScriptで入れ子のオブジェクトがある時… 2階層以上の入れ子を持つ その全要素をループさせたい ただし多重ループは使わない 英語では traverse とも呼ばれてます。 オブジェクトの階層(入れ子)を無視し...
-
JavaScript配列への reduce() の使いどころ・実用例をいくつか紹介JavaScriptの配列には reduce() があります。 ▼ Array.reduceメソッドのMDNでの解説 reduce() メソッドは、配列のそれぞれの要素に対して、順番通りに、ユーザーが提供した「縮小」コー...
-
【JavaScript】setIntervalを停止させたり再開させる方法・コード例JavaScriptのsetInterval関数において… 途中で処理を停止させたい、 処理の停止・再開を切り替えたい こういった方法は工夫すれば簡単にできます。 ということで何か役に立つかもしれないので、 JavaSc...
-
JavaScriptでの forループ vs forEach の速度的な違いを検証してみた次の2つは天と地ほどの違いがあります 配列へのforを使ったループ 配列へのforEach関数によるループ 速度に違いがあることは分かっています。 そしてforEachの乱用がダメなことも周知です。 でも具体的にどれだけ...