JavaScript, プログラミング入門, 覚書

以下のようなHTMLがあります。

<div id="parent"> <div name="hoge">aaa</div> <div name=& ...

TypeScript, プログラミング入門

TypeScirptでは、条件文でin演算子を使った時にも型ガードとして利用できます。

型ガードとは、条件ブロック内でオブジェクトの型を制限できることです。

以下のコードをみてみます。

type Hoge ...

HTML/CSS, JavaScript, プログラミング入門

以下のようなHTMLがあり、id=”parent”の子要素のdivのtextをすべてつなげた文字列を取得したいとします。

<div id="parent"> <div ...

JavaScript, プログラミング入門

以下のようなmyFunc関数があります。

const hoge = () => 'hoge';const foo = () => console.log('foo');const ba ...

JavaScript, プログラミング入門

JavaScriptで数値以外を数値へ変換するのに Number を使いますが、単項プラス(+)でも同様のことができます。

console.log(Number(10));//10console.log(+10);//10con ...

JavaScript, プログラミング入門

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

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

以下が例です。

まず ...

JavaScript, プログラミング入門

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

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

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

const data ...

JavaScript, プログラミング入門

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

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

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

JavaScript, プログラミング入門

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

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

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

文章は ...

JavaScript, プログラミング入門

課題

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

, , , ,];

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

問題を小さくする

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

この部分と、 ...