javascript メソッド色々-part2- コード見ていく
function
function updateTarget() {
let placeholder = '';
for (let i = 0; i < loc; i++){
placeholder += '_';}
target.textContent = placeholder + word.substring(loc);
}substring()
・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"toFixed()
"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()
parseFloat()関数は、引数を (必要に応じてまず文字列に変換してから) 解析し、浮動小数点値を返す。Math.PIプロパティは円周率で3.14を返す。
function circumference(r) {
return parseFloat(r) * 1.0 * Math.PI;
}
console.log(circumference(4.567));
// expected output: 14.347653648944586
続きは次回。