JavaScript カンマ演算子を使うと少しだけコードが少なくなる
以下のようなmyFunc関数があります。
const hoge = () => 'hoge';const foo = () => console.log('foo');const ba ...
JavaScript 数値へ変換する際に単項プラスを使う
JavaScriptで数値以外を数値へ変換するのに Number を使いますが、単項プラス(+)でも同様のことができます。
console.log(Number(10));//10console.log(+10);//10con ...
jQuery $(document).on と $(selector).on の違い
$(document).on は動的に追加されたHTMLに対してもイベントを処理できます。
一方で、$(selector).on は、その時点のHTMLに対してのみ作用します。
以下が例です。
まず ...
JavaScript reverse を使う時は気をつけよう
配列の順序を逆にしたい時は、Array.prototype.reverse が便利です。
しかし、一点注意が必要なことがあります。
以下のように元の配列自体を変化させてしま点です。
const data ...
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 ...









