プログラミング入門

$(document).on は動的に追加されたHTMLに対してもイベントを処理できます。

一方で、$(selector).on は、その時点のHTMLに対してのみ作用します。

以下が例です。

まず ...

配列の順序を逆にしたい時は、Array.prototype.reverse が便利です。

しかし、一点注意が必要なことがあります。

以下のように元の配列自体を変化させてしま点です。

const data ...

== を使うことで null と undefined を区別しないで判定できます。

区別したい場合は === を使います。

null == undefined//truenull === undefined//fal ...

プログラミングと文章の似ているところ

コードも文章もどちらも人が読むためのものです。

コードはコンピュータに命令を出すものではありますが、機械語以外のプログラミング言語は人が読みやすいようになっています。

文章は ...

課題

CSVからユーザーデータを読み込んだデータがあります。

, , , ,];

このデータを以下のように加工したいです。

問題を小さくする

元のデータにはCSVのヘッダーが含まれています。

この部分と、 ...

console.table を使うと配列やオブジェクトを表形式でコンソールに表示することができます。

配列の場合const myArray = ;console.table(myArray);オブジェクトの場合const myO ...

JavaScriptで定数を定義するときに、オブジェクトにするとまとまりを表現できます。

例えば、状態を表す定数がいくつかある場合に、STATUSというオブジェクトを定義するケースは以下です。

const STATU ...

funcは関数の配列です。xに対して順番にfuncsの関数を適用します。

const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...

以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。

<button id="my-btn">button</button>$(fun ...

プログラミングをするときに意識すると良いだろうな、と思うことです。

まず必要な部品を洗い出して、それらの部品を作成する。

最後に部品をつなぎ合わせてひとつのアプリケーションを作る。

一気に全体を書き ...