商品番号など「0001」のように数字の頭に0をつけて表示されるような実装を行ったのでアウトプットします。 先頭に0を追加する 先頭に0を補完する処理にはString.slice() を使って桁数を追加します。 let number = 1; let result = ( '0000' + number ).slice…

末尾に追加する 配列オブジェクト.push(追加する値); 先頭に追加する 配列オブジェクト.unshift(追加する値); 末尾に追加する 配列オブジェクト.splice(追加する位置, 0, 追加する値); 末尾に追加する 配列オブジェクト.splice(追加する位置, 0, 追加する値)…

スプレッド構文を使えば配列の中に配列を追加することができます。 スプレッド構文 書き方 { ...〇〇; } 使い方 >main.js { const b = [10, 20]; const a = [20, 10, 50, 60, ...b]; console.log(a); } 結果 >[20, 10, 50, 60, 10, 20] 関数の引数に使う場合…

大文字に変換するにはtoUpperCase 小文字を変換するにはtoLowerCaseを使用します。 大文字と小文字を変換する方法 書き方 toUpperCase() //大文字に変換 toLowerCase() //小文字に変換 使い方 >main.js { const name = 'tanaka'; const name2 = 'TANAKA'; co…

確認ポップアップを表示 alertを使う >main.js { alert('警告！'); } 結果 confirmを使う { confirm('上書きしますか？'); } 結果 また、confimの返り値はOKを押したらtrue、キャンセルを押したらfalseを返すので ユーザーがどちらを押したか以下のように判…

小数点を四捨五入する方法 Math.floor(○) ＝＞ 小数点以下を切り捨てて Math.ceil(○) ＝＞ 小数点以下を切り上げ Math.round(○) ＝＞ 四捨五入 ○.toFixed(数字) ＝＞ 小数点以下 （数字）桁まで表示 使い方 >main.js { const a = 107/13; console.log(a); co…

Math.randomを使用してランダムな数字を作成します。 1~10のランダムな数字を作成する方法 書き方 Math.floor(Math.random() * max + 1 - min) + min); 使い方 >main.js { console.log(Math.floor(Math.random() * 10) + 1); } 結果 >1~10のランダムな数字 …

join・splitの使い方 joinの使い方 >main.js { const a = [2022, 12, 25]; console.log(a.join('/')); console.log(a.join('')); } 結果 >2022/12/25 >20221225 splitの使い方 { const b = '20:23:55' console.log(b.split(':')); } 結果 > ['20', '23', '55…

関数式からアロー関数への書き換え Javascriptの勉強をし始めたのでアウトプットします。 アロー関数は( => )を使って記述する方法。 function式の記述が不要なため、コードの短縮が望める。 関数式 アロー関数 引数がある場合 関数式 アロー関数 年末にはも…