読者です 読者をやめる 読者になる 読者になる

hoz blog

営業からSEに転職した文系エンジニアです。プログラミングと趣味の株に関してブログを書いていこうと思います。

JavaScript

コールバック関数は汎用化に最適!<JavaScript勉強中>

配列に対して、 ・値を取り出して1ずつ足すという処理 ・値を取り出して2乗じるという処理 以下の二つの関数を定義したい場合にコールバックを使わずにそれぞれ実装すると以下のように実装できます。 var a = [1, 2, 3, 4, 5]; //1ずつ足す関数 function a…

コールバック関数を理解する<JavaScript勉強中>

コールバック関数とは何か コールバックとは、ある処理に対して別の処理を呼び出すように指定することを指します。 ある処理をトリガーに別の処理を呼び出すことです。 GUIプログラミングでよく利用されるようです。例えばボタンが押されたという処理をトリ…

クロージャを使ってみる<JavaScript勉強中>

javascriptでは無名関数クロージャを定義できます。 クロージャの定義の仕方 1.関数の中に関数をつくる 2.外側の関数のスコープ内に変数を定義する 3.内側の関数から2で定義した変数を参照する 4.関数の中で入れ子になった関数内関数を戻り値で返す 面倒臭…

classListとclassNameを使用してclass属性を操作するには<JavaScript勉強中>

HTML5から利用できるようになったclassList、classNameを利用することで HTMLのclass属性を操作できます! 便利なので使い方を覚えて取り入れましょう! ◆classList element.classListで要素に紐付いたclass属性を取得できます。 主に以下のようなメソッド…

HTML5の基本を理解しておく<文系エンジニアのプログラミング>

HTMLは、今までネットの情報を元に最低限のキャッチアップのみで使っていたため、体系的にちゃんと勉強してきませんでした。 業務で使うようになったことをきっかけに、今一度ゼロから勉強していこうと思います。 ◆HTMLとは 端的にいうとWebページを作成する…

JavaScriptの関数とは<JavaScript勉強中>

繰り返し利用するコードは関数として1か所にまとめて定義しておくことで、 使いまわしましょう! ◆関数とは・・ 与えられた入力に対して何らかの処理を行い、その結果を返す仕組みを関数といいます。 開発者が独自で定義した関数のことをユーザー定義関数と…

配列を独自ルールで並び替え!sortメソッド<JavaScript勉強中>

sortメソッドを利用することで、配列を独自のルールで並び替えることが可能です。 sortメソッドの並び替えは、デフォルトでは配列を文字列として辞書順に並び替えます。 独自のルールで並び替えたい場合、以下のような関数をユーザーが定義します。 ・引数は…

配列に値の存在有無を確認するsomeメソッド<JavaScript勉強中>

someメソッドを利用することで、指定した値が配列ないの要素の値に存在するか 調べることが可能です。 ◆使い方◆ array.some(callback関数, [,that])*array:配列*callback関数:個々の要素を加工するための関数*that:関数callbackの中でthisが示すオブジェ…

配列を加工するmapメソッド<JavaScript勉強中>

今回は配列の便利メソッド、mapメソッドを利用してみます。 配列に対して指定された関数で加工したい時に利用します。 ◆使い方◆ array.map(callback関数, [,that])*array:配列*callback関数:個々の要素を加工するための関数*that:関数callbackの中でthis…

getElementsByClassName()を使ってみる。<JavaScript勉強中>

getElementsByClassName() はHTML文書から指定したクラス名を与えられた要素を抽出します。 *クラス名はclass属性のついたトークンです。 返し値は要素の配列です。ちなみに指定したクラスが見つからない時はnullが返ります。 var element=document.getElem…

配列を順に操作するforEachメソッド<JavaScript勉強中>

配列を順に操作するには、forEachメソッドを利用します。 ○構文 array.forEach(callback[,that]) array:配列オブジェクト callback:個々の要素を処理するための関数 that:関数callbackの中でthisが示すオブジェクト 例えば、配列の要素を順にconsoleに表示す…

JavaScriptのオブジェクト<JavaScript勉強中>

JavaScriptのオブジェクト ◆オブジェクトとは◆ JavaScriptのオブジェクトは、名前をキーにアクセスできる配列、つまり連想配列です。 実装の上ではその捉え方で問題ないですが、「オブジェクト」の主役は個々の要素ではなく、「オブジェクト」そのものです。…