カテゴリー:JavaScript
-
Babelとは? JavaScriptを古いコードから新しいコードへ変換するツール(ES6→ES5)、またReactのJSXをブラウザで実行できるコードに変換する役割もあります。 導入方法 基本的にはwebpackと同時に導入が必…
-
jestとは? 近年最もポピュラーなJavaScriptテストフレームワークです。 facebookが作っておりReactにも対応しています。 元々はFacebookの社内のみで使われいましたが2013年にオープンソー…
-
every 論理積を返します。要は、配列の要素の中の全ての判定がtrueの場合はtrueが返ります。配列の要素の中で一つでもfalseと判定された場合はfalseが返ります。 everyの使い所 フォームのバリデーションで全て通過して…
-
mapメソッドとは? 既存の配列を加工して新しい配列を作成するためのメソッドです。 構文 [crayon-66239fd18deae766363166/] ポイント 既存の配列の内容を変えずに新しい配列に格納してくれます。…
-
構文 配列に対して一つ一つの要素に対して匿名関数やコールバック関数を実行します。 [crayon-66239fd18e2ae589735423/] 用途 基本的には配列の中の値に対して一つ一つ特定の関数を実行したい際に使いま…
-
async、awaitとは? 非同期処理を記述できる文法で、Promiseをより簡潔に記述する事が可能になります。Promiseに関しては下記の記事で解説しております。 http://www.code-magagine.com/?p…
-
Stringクラス repeat関数 連続した文字列を出力させる事ができます。 [crayon-66239fd18eb31870972422/] 含むか判定するビルドイン関数 includes関数 文字列を含んでいたらtrue、…
-
Symbolオブジェクト 新しく追加されたSymbolというオブジェクトです。 用途 通常の開発ではあまり使う機会はないかもしれません。JavaScriptは歴史のある言語なので膨大なライブラリがあり変数が競合してしまう可能性があるの…
-
分割代入 直接配列で代入する ES6から導入されました。下記のように配列のデータを一括で各変数に代入する事が可能です。 [crayon-66239fd18f6e2000097586/] 関数の引数で配列を渡して代入する [cray…
-
04.26
【JavaScript】「オブジェクト」について
仕組み キーは全て文字列(string)として扱われます。実際に「for in」を使った際に取り出せるキーのデータ型は全て文字列になっている。 キーの順番 for inやObject.keysをしたときのキーの順番は以下の順番にプログ…