JavaScript, リファクタリング

ガード節とは

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

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

具体例

JavaScript

今日のタスク

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

const users =

77 が返ればOKです。

実装

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

JavaScript

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

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

配列の分割代入

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

const = console.l ...

JavaScript

今日のタスク

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

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

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

JavaScript

今日のタスク

前回のタスク に続いて、条件指定してオブジェクトの配列を加工します。

前回のタスクでは、以下のようなユーザーの情報を配列で受け取り、それにisSelectedというプロパティーをセットしました。

...

JavaScript

今日のタスク

サーバーサイドから受け取ったデータを画面にテーブル形式で表示する処理があります。テーブル上では各行を選択することができます。

行が選択されているかどうかをフラグで管理する必要があるため、受け取ったデータにisS ...

JavaScript

今日のタスク

前回のタスクで実装した処理 にてバグが報告されたので修正してください

報告内容割引がない時の割引金額がおかしい

調査したところ、割引がない場合は、第二引数の rate に undefined が来ること ...

JavaScript

今日のタスク

売上金額を算出する処理の中で、各商品の割引金額を算出する処理を実装して欲しいと依頼がきました。

仕様商品の金額と割引割合を元に、割引額を算出する(金額:1200, 割合50%なら 600を返す)
割引額は最大で ...

JavaScript

今日のタスク

前回のタスク の後にさらに仕様変更が発生したので対応してください。

仕様変更文字列 Male もしくは 男 の場合は、Mを返す
文字列 Female もしくは 女 の場合は、Fを返す
文字列 U ...

Vue

<template> <div> <div>{{message}}</div> <div>{{customMessage}}</div> <button @cli ...