カテゴリ：JavaScript：記事一覧

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

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

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

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

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

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

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

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

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

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

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

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

JavaScritpでオブジェクトをコピーするとき、理解しておく必要があるのがディープコピーとシャローコピーです。 この二つの違いを把握しておかないと、不具合を引き起こす可能性があります。 そこで今回は、ディープコピーと […]

JavaScriptでオブジェクトをディープコピーをするとき、structuredClone()を使用すると簡単にコピーできます。 こんなに便利なのがあったなんて！と驚いたので紹介します。

JavaScriptでブラウザの新規タブを開いてWebページを読み込む方法と、読み込み完了を待って、開いたWebページからのDOMなどの情報取得する方法を紹介します。

JavaScriptでアニメーションをおこなうとき、方法の一つとしてsetTimeout()またはsetInterval()で一定時間ごとのタイマー処理が考えられます。 しかしこれらの関数はブラウザでは効率が悪いので、Window.requestAnimationFrame()が推奨されます。そこで今回は、このメソッドについてお伝えします。