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

プログラミングを始めた人にありがちな悩みとして、何を作ったらいいか分からないということがあると思います。

そこで今回はそんな人のために、課題を書きます。

サービス名は木魚サービス

木魚を鳴らすことができるサービス ...

JavaScript, プログラミング入門, リファクタリング

プログラムを書くときに大切なことは、誰が見てもわかりやすいコードを書くことです。

コードを書くときに、コードに意味を持たせるように意識すると良いです。

if文の分岐に意味を持たせる

まず以下のコードを見てください ...

JavaScript

今日のタスク

以下のようなデータがあります。

const data = }, { id: 200, name: 'BBB', children: }, ] }]

すべての children の配列をマージし ...

JavaScript

今日のタスク

以下のようなデータがある。

const data =

このデータのprefの値を配列ですべて抜き出してください。ただし、重複は除外します。

また、’不明’は除外してください。で ...

JavaScript

今日のタスク

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

const data =

今は年齢が大きい順に並んでいますが、これを以下のようにしてください。

実装

Array.reverse() を使いました。

const re ...

JavaScript

今日のタスク

以下のようなユーザーデータから、20歳以上のユーザーのみの配列を作成してください。

const users =

想定する結果

実装const getAdultUsers = users => { re ...

JavaScript, リファクタリング

ガード節とは

条件分岐を書く際に、メインの処理と例外的な処理を分岐させるケースがあります。

この時に、例外的な処理は先にリターンするようにすることで、条件分岐をわかりやすくすることができるケースがあります。

具体例

JavaScript

今日のタスク

以下のようなユーザー情報の配列から、最大の年齢を返す処理を作ってください。

const users =

77 が返ればOKです。

実装

mapを使い age の配列を作った後に、Math.max()で最 ...

JavaScript

ECMAScript 2015 (ES2015/ES6)では分割代入が使えます。

今回は分割代入についてご紹介します。

配列の分割代入

分割代入は以下のように使います。

const = console.l ...

JavaScript

今日のタスク

以前のタスク にて新たなバグが発生しました。

110円の25%割引を算出した際の金額が27.5円となり、小数点が入ってしまうとのことでした。

割引額に小数点が入った場合は、小数点以下は切り捨てて欲 ...