JavaScript 入門 null と undefined を区別したくないときの書き方
== を使うことで null と undefined を区別しないで判定できます。
区別したい場合は === を使います。
null == undefined//truenull === undefined//fal ...
プログラミング初学者向け プログラミングと文章は似ている
プログラミングと文章の似ているところ
コードも文章もどちらも人が読むためのものです。
コードはコンピュータに命令を出すものではありますが、機械語以外のプログラミング言語は人が読みやすいようになっています。
文章は ...
JavaScript 実務レベルの課題 CSVから読み込んだデータの加工
課題
CSVからユーザーデータを読み込んだデータがあります。
, , , ,];このデータを以下のように加工したいです。
問題を小さくする元のデータにはCSVのヘッダーが含まれています。
この部分と、 ...
JavaScript console.table で表形式でデータを表示してみよう
console.table を使うと配列やオブジェクトを表形式でコンソールに表示することができます。
配列の場合const myArray = ;console.table(myArray);オブジェクトの場合const myO ...
JavaScriptでオブジェクトの定数を使う場合はObject.freezeでより安全に
JavaScriptで定数を定義するときに、オブジェクトにするとまとまりを表現できます。
例えば、状態を表す定数がいくつかある場合に、STATUSというオブジェクトを定義するケースは以下です。
const STATU ...
JavaScript Symbol について
Symbol を使用することでユニークな値を作ることができます。
主に、オブジェクトのキーに使うことで、キーの重複を防ぐことで活用できます。
まず、Symbolの特性として、必ずユニークになります。
co ...
JavaScript 関数型プログラミングのpipeっぽいものをつくる
funcは関数の配列です。xに対して順番にfuncsの関数を適用します。
const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...
jQuery の on は重複してイベントが登録される
以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。
<button id="my-btn">button</button>$(fun ...
React useCallback を使ってもあまり意味がないと感じたケースについて
React の hook の一つである useCallback は、子コンポーネントに渡す関数をキャッシュ化することで無駄なレンダーを避けるために使います。
useCallbak を使わない場合、コンポーネントのレンダーの ...
JavaScript 即時関数(IIFE)
即時実行形式関数を書く時は以下のようにします。(アロー関数の書き方です)
const hoge = (() => {return "hoge"})();console.log(hoge);//hoge