カテゴリ：JavaScript：記事一覧

JavaScriptで平方根を求める方法をお伝えします。今回は組み込みオブジェクトを使った方法とニュートン法を使って自力で作成した関数を紹介します。

ブラウザで数値を入力してもらうと全角になっていることが時々あります。 数値でないとアラートを出してもいいですが、半角数字に変換して続行した方がスマートに感じるケースもありますね。 JavaScriptで文字列内の全角数字を半角数字に変換する方法をお伝えします。また、少し発展させて漢数字を半角数字に変換する方法もお伝えします。

JavaScriptで要素数と初期値で動的に配列を作成したいときがあります。 これは配列リテラル( [ 値 , 値 ,... ] )では実現できません。 ではどうすればいいのでしょうか。 今回は、その方法をお伝えします。

ECMAScript2023で配列（Arrayオブジェクト）にwith()が追加されました。 JavaScriptにはwith構文がありますが、このメソッドは同じような意味なのでしょうか。 ということで、使い方等をお伝えします。

ECMAScript2023で配列（Arrayオブジェクト）にtoReversed()が追加されました。 これは配列の要素を逆順に並び替えるメソッドですが、同じ機能のreverse()が以前からあります。 この二つの関数は、何が違うのかお伝えします。

JavaScriptには配列内で条件に一致する値を先頭から検索して返すfind()と、そのインデックスを返すfindIndex()があります。 ECMAScript2023で、この二つの関数の後方検索版としてfindLast()とfindLastIndex()が追加されました。 今回は、この二つの関数についてお伝えします。

ECMAScript2022で、配列(Arrayオブジェクト)にat()メソッドが追加されました。 これを使用すると、配列の最後から相対的にインデックス指定できます。

ECMAScript2023で配列（Arrayオブジェクト）にtoSorted()が追加されました。 これは配列をソートするメソッドですが、ソート関数としてsort()が以前からあります。 この二つの関数は、何が違うのかお伝えします。

ECMAScript2022でトップレベルawaitが導入されました。 僕も早速使ってみたら…エラーが出た。実はトップレベルawaitを使うには、ある条件が必要でした。 そこで今回は、トップレベルawaitが使えない理由と対処法についてお伝えします。

JavaScriptでDOM要素がブラウザのビュー内に入ったときに、動きを持たせて読者に興味を持たせたい。 そんなニーズが意外と多いです。そこで今回は、DOM要素が読者の目に入ったときにコールバックで通知を行う方法をお伝えします。

近年はWebサイトの読み込み時間短縮が重要になってきました。 そのため読み込み開始から終了までの時間をイベント毎に細かく調査して改善していく作業が必要です。 実際にはツールが公開されているのでそれを使用すればいいのですが […]

ふと、JavaScriptでオブジェクトのプロパティと値の一覧をテーブルタグを使ってブラウザ表示してみようと思いました。 動的な結果をブラウザ表示するとき、個々の値を変更することが多いです。 しかしオブジェクトにセットして一括で変更できたら、少し手間が省けるかもしれません。

JavaScriptには値を反復機能を組み込んだイテラブルなオブジェクトがあります。 今回はオブジェクトがイテラブルかどうかを判断して、値を列挙したり配列に変換する方法をお伝えします。

全く使用する機会がないと思うが、JavaScriptの関数オブジェクトから関数内部のソースコードと、定義時の引数リストを取得する方法をお伝えします。

自分、最近記憶力が低下してきたのか、JavaScriptで文字列を位置指定で部分文字列を切り出すメソッドを記憶できません。 毎回調査するのが面倒になってきたので、方法をまとめておきます。

JavaScriptで文字列中のスペースを削除したり、連続するスペースを特定の個数に統一する方法をお伝えします。