JavaScript入門 SetとArray.fromを使って重複をなくす
配列から重複する値を除去する場合に、Set と Array.from を使うと簡単にできます。
const unique = (arr) => Array.from(new Set(arr));const myArray ...
JavaScript入門 配列をいくつかの塊に分けてみよう
今回やりたいことは以下のような配列を
以下のように加工することです。
, , , , ]いくつの塊にわけるかは引数で指定できると良いです。上記の場合2です。
一例
const chunkArr ...
Node.js require はそのファイルを実行する
index.js では hoge.js を require しています。
const {hoge} = require('./hoge')console.log(hoge())const hoge = () =& ...
JavaScript 配列の配列を要素ごとにまとめる
言葉で表現すると難しいので、結果を用いて説明しますと、以下のような配列を
,,,]以下のようにします。
, , ]コードは以下です。
const array = ,,,];const result = a ...
JavaScript 入門 非同期処理/コールバック/Promise なんとなくイメージする
今回は非同期処理、コールバック、Promise について、なぜ・どのように使うのかをなんとなくイメージできるような実例を記載しました。
非同期JavaScript で以下のプログラムを書いてみます。
X秒後に値Y返す ...
JavaScript 入門 Promise の引数について
Promise の引数には関数を渡します。その関数の引数には、resolve と reject という二つの引数を持たせます。
(resolve, reject) => {//非同期処理}以下はPromiseの引数に ...
JavaScript の割り算 NaN, Infinity
console.log(0/0);//NaNconsole.log(10/0);//Infinityconsole.log(-10/0);//-Infinityconsole.log(0/10);//0
NaN は非数を表します。
TypeScript 入門 利用例 オブジェクトの型
TypeScriptなしで書いてみる
第一引数で受け取ったオブジェクトのidプロパティが、第二引数の値と同じであれば true、異なれば false を返す関数を書いてみます。
function checkId(item, id) ...
TypeScript infer の使い所
{id: 100} や {id: ‘100’} のように、id というプロパティをもつオブジェクトの id の型を取得したい。
type Id<T> = T extends {id: infe ...
webpack 入門 全体像をみるためのちょっとしたおさらい
前回に引き続き webpack 入門です。
今回はこれまでのおさらいも兼ねて全体像をみたいと思います。
webpack は、フロントエンドで必要なファイルの依存関係をみて、それらをバンドルしてくれるツールです。 ...