【JavaScript】Javascript使うなら知っておくべき型意識

あるレスポンス値から取得した配列から、ある条件に合致した要素オブジェクトを取得したい。

そんな時の条件式で、気をつけなければならないことをまとめます。

様々な条件式での取得

data () {
  return {
    staff_id: "",
  }
}

/// 取得できる
const staff = res.data.find((staff) => staff.id == this.staff_id);

/// 取得できる
const staff = res.data.find((staff) => staff.id == Number(this.staff_id));

/// 取得できない
const staff = res.data.find((staff) => staff.id === this.staff_id);

/// 取得できる
const staff = res.data.find((staff) => staff.id === Number(this.staff_id));

型まで合致させるかさせないか

==は、型は一緒じゃなくてもいいが、中身が一緒であればtrue
===は、型も中身も一緒な場合のみ、true

つまり3番目の条件式では、中身は一緒だけど型まで一緒なやつはいないよという言われることになります。

型を合わせるメソッド

/// 文字列→数値
Number('123');
parseInt('123')

/// 数値→文字列
String(123)
123.toString