カテゴリ：JavaScript：記事一覧

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

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

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

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

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

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

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

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

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

ファイルから読み込むなどの方法で外部から取得した文字列データは改行コードが不確定なことが多いです。 そのため、まずは改行を削除したり統一するなどの処理が求められます。そこで今回は、JavaScriptで文字列内の改行の削除および統一する方法をお伝えします。

JavaScriptはclass構文の導入でプロトタイプチェーンの階層を構築しやすくなりました。 生成されたオブジェクトは、各階層で継承したオブジェクトの名前を保持しています。今回はこの特徴を利用して、オブジェクトの階層（継承）を視覚的に表示してみます。

JavaScriptの配列はArrayオブジェクトのインスタンスです。 関数はFunctionオブジェクトのインスタンスです。 記事中でこれらを紹介するとき配列オブジェクトや関数オブジェクトなどの名称を使うことが多いですが、Arrayオブジェクト等と混同することがあります。 では、JavaScriptの仕様ではどのような名称で定義されされているのが調べてみました。

JavaScriptの組み込みオブジェクトやAPIのインスタンスから、元となったコンストラクタの名前を取得してみます。

JavaScriptでオブジェクトのプロパティ名を列挙する方法がいくつかあります。 それぞれ特徴がありますが、使い方によっては想定した結果にならないこともあります。そこでプロパティを列挙する方法と、注意しておくべき点をお伝えします。

JavaScriptでプロトタイプチェーンを追っていく関数を作成することになりました。 そこで問題になるのが、プロトタイプチェーンが親オブジェクトを参照することで発生する無限ループです。 その対策をしっかりとおこなう必要がありますが、そもそも無限ループするような状況を作成できるのでしょうか。気になったので実験してみました。

JavaScriptでURLからクエリパラメータを取得して解析するケースはあまりないような気がしますが、たまたま直面したので処理方法をお伝えします。  現在ページのクエリパラメータを取得する方法 ブラウザで現在 […]