こんにちは。 本日はJavaScriptメモです。 JSON形式の文字列をオブジェクトに変換 オブジェクトをJSON形式の文字列に変換する JSON形式の文字列をオブジェクトに変換 JSON形式の文字列をオブジェクトに変換するにはJSON.parse()を使用します。 引数に、変換…

こんにちは。 本日はJavaScriptメモです。 概要 集合の生成 要素の追加 存在しているか判定 要素を削除する 概要 集合ってなんなの？？って話ですが、 集合は重複した値が存在しないコレクションのことです。 Mapと似ていますが、Mapのようにキーと値は存在…

こんにちは。 本日はJavaScriptメモです。 概要 Mapオブジェクトの生成と要素の追加 コンストラクタで生成と要素の追加を行う コンストラクタとsetメソッドを使用して生成と要素の追加を行う 要素数を取得する keyを使用して要素を取得する forEachを使用し…

こんにちは。 本日はJavaScriptメモです。 概要 配列の長さを取得する 要素が最初に登場するインデックスを取得する(indexOf) 要素が最後に登場するインデックスを取得する(lastIndexOf) 条件式を満たす要素の最初のインデックスを取得する(findIndex) 条件…

こんにちは。 本日はJavaScriptメモです。 概要 スタック(stack) キュー(queue) 概要 データを扱う際の、データ取得の概念である スタックとキュー。 スタックは、後入れ先出しでデータを保持します。 キューは、先入れ先出しでデータを保持します。 本記事…

こんにちは。 本日はJavaScriptメモです。 概要 Array.of()メソッド Array.from()メソッド Array()コンストラクタ 概要 JavaScriptにおける配列の生成についてメモです。 本記事では、以下の方法について記載しています。 Array.of()メソッド Array.from()メ…

こんにちは。 本日はJavaScriptメモです。 概要 文字列の長さを取得する(length) 文字列が指定した内容で開始しているか判定する(startsWith) 文字列が指定した内容で終了しているか判定する(endsWith) 文字列に指定した内容が含まれているか判定する(includ…

こんにちは。 本日はJavaScriptメモです。 概要 JavaScriptでクラスを定義して そのクラスを利用する。 クラス定義とインスタンスの生成 以下のサンプルコードのクラスには 静的プロパティ(count) 静的メソッド(addCount) ゲッター/セッター(mul) コンストラ…

こんにちは。 本日はJavaScritptメモです。 概要 サーバ側(Java) Javascript 概要 fetchに関しては以前以下の記事を上げました。 【JavaScript】fetch()を使ってみる - なんだかGoodVibes 上記の記事では、Content-Typeをapplication/jsonとして送信していま…

こんにちは。 本日はJavaScriptのループ処理における continue、breakについてのメモです。 概要 for forEach some まとめ 概要 ループ処理で使用するforEachですが、 continue、breakが使用できないんですよね。 なので、ループ処理で上記を実現する方法に…

こんにちは。 本日はJavaScriptメモです。 概要 サンプルコード 概要 定周期処理を行うsetInterval()、 タイマーを停止したい！って場合ありますよね。 その時は、clearInterval()メソッドを使用します。 サンプルコード setInterval()は、setTimeout()同様…

こんにちは。 本日はJavaScriptメモです。 概要 サンプルコード 概要 タイマー処理を行うメソッドといえば setTimeout()ですね。 タイマー処理開始したものの、 タイマーを停止したい！って場合ありますよね。 その時は、clearTimeout()メソッドを使用します…

こんにちは。 本日はJavaScriptメモです。 概要 サンプルコード 概要 アクセス元の情報を取得したい。 (OSの種類やブラウザの種類等の情報) サンプルコード const ua = window.navigator.userAgent 上記をログに出力すると以下の出力になりました。 Mac Chro…

こんにちは。 本日はJavaScriptメモです。 概要 サンプルコード 概要 他言語には、処理を一時停止するsleepとかがありますよね。 なんと、JavaScriptにはそのようなものがありません。 なので、Promiseを使用して同等の機能を実現します。 サンプルコード co…

こんにちは。 本日はJavaScriptメモです。 概要 JavaScript GET POST 概要 Fetch APIを用いたデータのやり取りをやってみる。 GETとPOSTで、POSTで送信するデータはJson形式です。 今回、サーバ側はJavaを使用しました。 @RestController @RequestMapping("/…

こんにちは。 本日はJavaScriptメモです。 概要 getElementById getElementsByClassName getElementsByTagName 番外編 parentElement 概要 JavaScriptで要素の取得方法っていくつかありますよね。 それぞれがどのような要素を取得できるの調査。 本記事で使…

こんにちは。 本日はPromise入門の続きです。 前回までの記事 finally resolveの場合 rejectの場合 前回までの記事 【Node】Promiseの入門 - なんだかGoodVibes 【Node】Promise入門(all,allSettled,race) - なんだかGoodVibes finally finallyはPromiseが確…

こんにちは。 本日はPromise入門の続きです。 nandakagoodvibes.hatenablog.com Promise.all Promise.allSettled Promise.race Promise.all 引数のPromiseが解決するまで、待機します。 const p1 = Promise.resolve('p1'); const p2 = Promise.resolve('p2')…

こんにちは。 本日は、非同期処理に使用するPromiseの入門です。 概要 サンプルソース 概要 Promiseオブジェクトは、非同期処理の結果を表現します。 Promiseは、完了(成功)もしくは破棄(失敗)が保証されています。 Promiseオブジェクトの返却は、以下のよう…