Javascript

1/2ページ

[Javascript] 経過時間や経過日数を計測する方法(getTime)

Javascriptで経過時間を計測する Javascriptの処理のパフォーマンスを計測したり、あるいはタイマーみたいな機能を実装する際に、ある時点からの経過時間や経過日数を計測したいということがあると思います。 今回はその方法をまとめます。 Date オブジェクトと getTime 関数 Javascriptで日付を扱うには Date オブジェクトを利用します。Date オブジェクトは get […]

[Javascript] オブジェクトから指定したプロパティを削除する方法(delete演算子)

オブジェクトからプロパティを削除したい Javascriptでオブジェクトから特定のプロパティを削除する方法についてまとめます。 具体的には hasOwnProperty 関数で false を返すように、プロパティを削除します。 例えば 次のようなオブジェクトを定義したとき、a, b, c の各プロパティがあるので hasOwnProperty 関数が true を返します。d は定義していない […]

[JS] 分割代入(Destructuring assignment)構文について

分割代入(Destructuring assignment)構文とは 分割代入 – JavaScript | MDN 分割代入 (Destructuring assignment) 構文は、配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする JavaScript の式です。 例えば、オブジェクトのプロパティを取り出す時に、いちいち […]

[Javascript] オブジェクトが指定されたプロパティを保持しているかどうかの判定

オブジェクトのプロパティ判定 Javascriptにおいて、オブジェクトが指定されたプロパティを保持しているかどうかを判定したいことがあります。 判定するための方法として、in 演算子と hasOwnProperty 関数があるので、それぞれの使い方と違いをまとめます。 in 演算子 in – JavaScript リダイレクト 1 | MDN 概要と構文 in 演算子は、指定されたプ […]

[puppeteer] ヘッドレスブラウザの操作でスクレイピング、クローリング

puppeteer とは GitHub – GoogleChrome/puppeteer: Headless Chrome Node API puppeteer とは、GUIを操作することなく、プログラムからAPIでブラウザ(Chrome)を制御できる Node.js で作られた ライブラリ です。ヘッドレス(GUIなし)でも制御できるので高速です。 Node.jsのライブラリとして提 […]

Firebase Hosting 静的ファイルを公開する方法

Firebase で 静的ファイルを公開する Hosting を使ってみる | Firebase Firebase の提供するサービスの1つに、静的ファイル(HTML、CSS、JavaScript など)をホスティングできる Hosting というものがあります。無料プランでもコンテンツを HTTPS で配信可能です。 Fibrase Hosting Hosting を使ってみる | Fireba […]

Javascriptで選択範囲の文字列・DOMを取得、操作する方法

Javascript で選択中の文字列を取得する window.getSelection – Web API インターフェイス | MDN ブラウザ上のコンテンツを選択状態にし、選択された文字列部分を取得するには、window.getSelection 関数を使います。 window.getSelection 関数は選択範囲を Selection オブジェクトとしてを取得します。Sel […]

nodistでNode.js(Windows)のバージョン管理を行う

Node.js をバージョンアップしたい Node.js をバージョンアップしたかったのですが、アンインストールして入れなおすのも面倒なので、バージョン管理ツールを使って、複数のNode.jsバージョンを使い分けられるようにします。 環境は、WindowsOS を想定し、Node.js のバージョン管理には nodist というツールを使います。 nodist とは nodist とは、Windo […]

[Javascript] 配列から特定の要素を取り出す(splice, findIndex, pop, shift)

Javascript での配列操作 Javascriptで配列を操作する機会は多々あるかと思いますが、特定の要素を取り出す という操作の仕方をまとめます。任意の配列について、特定の要素を取り出すことで破壊的な変更を加えます。 先頭、末尾の要素を取り出す 特定の要素が先頭や末尾の要素であれば簡単です。 先頭の要素を取り出すには、shift 関数を使います。この関数は配列の先頭要素を取り除き、それを返 […]

[Javascript] 多次元配列を展開(flatten)して1次元配列に変換する方法

[Javascript] 多次元配列を展開(flatten)して1次元配列に変換する方法 Javascript で flatten Javascriptにおいて、多次元配列を1次元配列に展開する、いわゆる flatten という処理をしたいのでその方法を調べました。 // これを const array2d = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; // こう変 […]