javascript メソッド色々-part2- コード見ていく

home
  • function
  • textContent
  • substring()
  • toFixed()
  • parseFloat()
  • Math.PI
Contents

function

function updateTarget() {

let placeholder = ";

for (let i = 0; i < loc; i++){

placeholder += '_’;}

target.textContent = placeholder + word.substring(loc);

}

・updateTarget()
locを上限の文字列。
placeholderでタイピング後にアンダーバーを出す。
idがtargetのtextContentが該当のワード。
substring()メソッドstringオブジェクトの開始・終了インデックスの間、または文字列の最後までの部分集合を返す。ここでいうと、idがwordの文字数がlocの文字列を返す。

const str = 'Mozilla’;
console.log(str.substring(0,7));
// expected output: “Mozilla"
console.log(str.substring(1,3));
// expected output: “oz"

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

“function updateTimer() {
const timeLeft = startTime + timeLimit – Date.now();
timerLabel.textContent = (timeLeft / 1000).toFixed(2);

const timeout = setTimeout(() =>{
updateTimer();
}, 10);

if (timeLeft < 0){ isPlaying = false; clearTimeout(timeout); timerLabel.textContent = '0.00’; setTimeout(()=>{
showResult();
}, 100);

target.textContent = 'click to replay’;}
}

・updateTimer()
startTimeは開始時間だからクリックのイベントのところに設定してある。
toFixed()メソッドは、数を固定小数点表記を用いてフォーマットする。

function financial(x) {
return Number.parseFloat(x).toFixed(2);
}
console.log(financial(123.456));
// expected output: “123.46"

parseFloat()関数は、引数を (必要に応じてまず文字列に変換してから) 解析し、浮動小数点値を返す。Math.PIプロパティは円周率で3.14を返す。

function circumference(r) {
return parseFloat(r) * 1.0 * Math.PI;
}
console.log(circumference(4.567));
// expected output: 14.347653648944586

続きは次回。

javascript, programming

Posted by himajinn