JavaScript,JavaScript 配列

JavaScriptで配列をJSONコードにエンコード、JSONコードを配列にデコードする方法の紹介です。 JSON.stringify()で配列をJSONにエンコードする JavaScriptで配列をJSONに変換するにはJSON.str ...

JavaScript,JavaScript 配列,Other

JavaScriptのfilter()関数のオプションにBooleanを指定して配列から空値を削除する方法の紹介です。 filter(Boolean)の基本 filter()関数の引数にBooleanを指定することで、配列の値から空の値、0 ...

JavaScript,JavaScript 配列

JavaScriptのpush()、unshift()で配列の先頭と末尾にデータを追加する方法の紹介です。 push()関数で配列の末尾に値を追加する push()関数は引数に追加する値を指定することで、配列の末尾に新しくデータを追加します ...

JavaScript,JavaScript 文字列

JavaScriptのtrim()関数を使って文字列の先頭、末尾から空白文字を除去する方法のサンプルコードです。 trim()は文字列の先頭と末尾から「半角スペース」「全角スペース」「タブ」「すべての改行文字」を取り除いた結果を返します。 ...

2020-06-11JavaScript,JavaScript イベント

JavaScriptのみでダブルクリックイベント、Shiftを押しながらのダブルクリックのイベントを実装するサンプルコードの紹介です。 JavaScriptでダブルクリックイベント JavaScriptでダブルクリックイベントを実装した動作 ...

2020-06-11JavaScript フォーム,JavaScript

PCメインのコンテンツでテキストフォームの値を取得して処理をしたい場合に、ユーザービリティの観点からEnter(リターン)キーを使った発火イベントは有効な場合が良くあります。 Enter(リターン)キーにイベント処理を加えるには、いくつかの ...

2020-06-11JavaScript,JavaScript イベント

JavaScriptでマウスホイールの操作情報を取得してイベントを実装する方法です。 マウスホイールの操作情報を取得する JavaScriptでマウスホイールの操作・アクションを取得するには「window.onmousewheel」を利用し ...

2020-06-10JavaScript,JavaScript ファイル操作

JavaScript内でXMLHttpRequest()を使って別のjsファイルを読み込んで別ファイルのJavaScript関数を実行する方法になります。 JavaScript内で別のJavaScriptファイルを読み込むサンプルコード 別 ...

2020-06-11javascript DOM操作,JavaScript

スクロール量に合わせてページの背景色のCSSを変更していく方法と、シンプルなJavaScriptの動作サンプルとサンプルコードです。 スクロール量に合わせて背景色を変更する 動作サンプル See the Pen JavaScript Cha ...

2020-06-11javascript DOM操作,JavaScript,JavaScript イベント

JavaScriptを使ってCSSのスタイルを動的に変更する方法です。 要素の背景色を変更するボタン、要素のポジションを変更するボタン、また.styleで指定可能な主なstyle属性一覧を紹介しています。 要素の背景色を変更するボタン Ja ...

2020-06-11JavaScript,JavaScript イベント

JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントを実装する方法です。 マウスホバーイベントを実装する方法 JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントはaddE ...

2020-06-11javascript DOM操作,JavaScript,JavaScript 取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...

2020-06-10JavaScript,JavaScript 判別

JavaScriptを使って現在表示中のページがHTTPかHTTPSかを判別する方法です。 またHTTPの場合にHTTPSのページにリダイレクトする方法も紹介しています。 httpかhttpsかを判別する方法 location.protoc ...

2020-06-10JavaScript,JavaScript 判別

JavaScriptを使った文字列の前方一致や後方一致を判別する方法です。 文字列の前方一致を判別する startsWith()関数を利用して文字列の前方一致を判別する方法になります。 startsWith()関数は指定した文字列の前方が第 ...

2020-01-04JavaScript,JavaScript イベント

テキストや要素上での左クリックまたは右クリックをトリガーにしたJavaScriptイベントの実装方法です。 左クリックをトリガーにしたイベントの実装方法 JavaScriptで左クリックをトリガーにしたイベントの実装方法になります。 実装サ ...

2020-06-11JavaScript,JavaScript 数値・計算

JavaScriptを使ってマイナス値をプラス値に、プラス値をマイナス値に変更する方法です。 マイナスをプラス、プラスをマイナスにする マイナスをプラス、プラスをマイナスにする相互変換であれば、以下のような記述にて実装することが可能です。 ...

2020-06-11JavaScript 正規表現,JavaScript

JavaScriptで使う正規表現の判別サンプル集になります。 javaScriptでの正規表現フラグ | JavaScriptメモ 正規表現での判別サンプル集 指定の文字が含まれているか if( str.match(/o/) ){ //含 ...

2020-06-11JavaScript 正規表現,JavaScript

「i」大文字小文字を区別しない 「i」をフラグに指定すると検索対象を大文字と小文字の区別をさせずに処理が可能になります if(`Hello World`.match(/hello/i)){ console.log('true'); } 「m ...