【JavaScript】数字・文字の扱い

型を調べたいとき

【Udemy】TypeScript　セクション１-3

js-only.js

// querySelector

// 指定されたセレクターに一致する最初の Element を返す

const button = document.querySelector('button');

const input1 = document.getElementById('num1');

const input2 = document.getElementById('num2');

function add(num1, num2) {

  // typeof 演算子

  // 型を調べて、結果を文字列で返す

  if (typeof num1 ==='number' && num2 ==='number'){

    return num1 + num2;  

  }else{

    // 単項演算子として+を使うと正の符号として振る舞う

    return +num1 +  +num2;

  }

}

button.addEventListener('click', function() {

  console.log(add(input1.value, input2.value));

});

typeof 演算子が便利！

返却する値を数字にしたいとき

【Udemy】TypeScript　セクション2-22

app.ts

    return +result;

    return parseFloat(result);

parseFloat() 関数は、引数を (必要に応じてまず文字列に変換してから) 解釈し、浮動小数点値を返します。

parseFloat() - JavaScript | MDN