JavaScript
lodash.jsとは ユーティリティー関数を集めた超軽量ライブラリです。配列をマップに簡単に変換したい!っていう時におすすめです (1) 配列やオブジェクトを整形 //importして import _ from 'lodash' //整形前の配列 console.log(action.response.data); //…
配列に対して、 ・値を取り出して1ずつ足すという処理 ・値を取り出して2乗じるという処理 以下の二つの関数を定義したい場合にコールバックを使わずにそれぞれ実装すると以下のように実装できます。 var a = [1, 2, 3, 4, 5]; //1ずつ足す関数 function a…
コールバック関数とは何か コールバックとは、ある処理に対して別の処理を呼び出すように指定することを指します。 ある処理をトリガーに別の処理を呼び出すことです。 GUIプログラミングでよく利用されるようです。例えばボタンが押されたという処理をトリ…
javascriptでは無名関数クロージャを定義できます。 クロージャの定義の仕方 1.関数の中に関数をつくる 2.外側の関数のスコープ内に変数を定義する 3.内側の関数から2で定義した変数を参照する 4.関数の中で入れ子になった関数内関数を戻り値で返す 面倒臭…
HTML5から利用できるようになったclassList、classNameを利用することで HTMLのclass属性を操作できます! 便利なので使い方を覚えて取り入れましょう! ◆classList element.classListで要素に紐付いたclass属性を取得できます。 主に以下のようなメソッド…
HTMLは、今までネットの情報を元に最低限のキャッチアップのみで使っていたため、体系的にちゃんと勉強してきませんでした。 業務で使うようになったことをきっかけに、今一度ゼロから勉強していこうと思います。 ◆HTMLとは 端的にいうとWebページを作成する…
繰り返し利用するコードは関数として1か所にまとめて定義しておくことで、 使いまわしましょう! ◆関数とは・・ 与えられた入力に対して何らかの処理を行い、その結果を返す仕組みを関数といいます。 開発者が独自で定義した関数のことをユーザー定義関数と…
sortメソッドを利用することで、配列を独自のルールで並び替えることが可能です。 sortメソッドの並び替えは、デフォルトでは配列を文字列として辞書順に並び替えます。 独自のルールで並び替えたい場合、以下のような関数をユーザーが定義します。 ・引数は…
someメソッドを利用することで、指定した値が配列ないの要素の値に存在するか 調べることが可能です。 ◆使い方◆ array.some(callback関数, [,that])*array:配列*callback関数:個々の要素を加工するための関数*that:関数callbackの中でthisが示すオブジェ…
今回は配列の便利メソッド、mapメソッドを利用してみます。 配列に対して指定された関数で加工したい時に利用します。 ◆使い方◆ array.map(callback関数, [,that])*array:配列*callback関数:個々の要素を加工するための関数*that:関数callbackの中でthis…
getElementsByClassName() はHTML文書から指定したクラス名を与えられた要素を抽出します。 *クラス名はclass属性のついたトークンです。 返し値は要素の配列です。ちなみに指定したクラスが見つからない時はnullが返ります。 var element=document.getElem…
配列を順に操作するには、forEachメソッドを利用します。 ○構文 array.forEach(callback[,that]) array:配列オブジェクト callback:個々の要素を処理するための関数 that:関数callbackの中でthisが示すオブジェクト 例えば、配列の要素を順にconsoleに表示す…
JavaScriptのオブジェクト ◆オブジェクトとは◆ JavaScriptのオブジェクトは、名前をキーにアクセスできる配列、つまり連想配列です。 実装の上ではその捉え方で問題ないですが、「オブジェクト」の主役は個々の要素ではなく、「オブジェクト」そのものです。…