ろくろ猫のブログ

しがない会社員の備忘log

JavaScript

【JavaScript】 年を取得する(getFullYear)

年を取得する方法です。 Dateオブジェクトで使用します。 年を取得する // 年を取得する var year= new Date(); console.log(year.getFullYear()); 実行結果

【JavaScript】入力ダイアログを表示する(prompt)

入力ダイアログを表示する方法です。 入力ダイアログを表示する // 入力ダイアログを表示する <script> function sample() { alert(prompt("入力してください!!")); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { alert(prompt("入力してください!!")); } 実行結果 …

【JavaScript】新規ウィンドウを開く(open)

新規ウィンドウを開く方法です。 新規ウィンドウを開く // 新規ウィンドウを開く <script> function sample() { open("https://rokuroneko.hateblo.jp/","window_name"); } </script> <button type="button" onclick="sample()">クリックしてください </button> 以下のオプションを設定することができます。 オプション 内容 値 d…

【JavaScript】確認ダイアログを表示する(confirm)

確認ダイアログを表示する方法です。 確認ダイアログを表示する // 確認ダイアログを表示する <script> function sample() { confirm("確認!!"); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { confirm("確認!!"); } 実行結果 クリックしてください

【JavaScript】警告ダイアログを表示する(alert)

警告ダイアログを表示する方法です。 警告ダイアログを表示する // 警告ダイアログを表示する <script> function sample() { alert("警告!!"); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { alert("警告!!"); } 実行結果 クリックしてください

【JavaScript】 月を取得する(getMonth)

月を取得する方法です。 Dateオブジェクトで使用します。 月を取得する // 月を取得する var month = new Date(); // 「月 - 1」が返ってくるため「+ 1」をする console.log(month.getMonth() + 1); 実行結果

【JavaScript】 日を取得する(getDate)

日を取得する方法です。 Dateオブジェクトで使用します。 日を取得する // 日を取得する var day = new Date(); console.log(day.getDate()); 実行結果

【JavaScript】配列の末尾要素を削除する(pop)

配列の末尾要素を削除する方法です。 Arrayオブジェクトで使用します。 配列の末尾要素を削除する // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // 削除前の配列 console.lo…

【JavaScript】配列の先頭要素を削除する(shift)

配列の先頭要素を削除する方法です。 Arrayオブジェクトで使用します。 配列の先頭要素を削除する // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // 削除前の配列 console.lo…

【JavaScript】配列を逆順する(reverse)

配列を逆順する方法です。 Arrayオブジェクトで使用します。 配列を逆順する // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // 逆順前の値 console.log(array); // 配列を逆…

【JavaScript】配列をソートする(sort)

配列をソートする方法です。 Arrayオブジェクトで使用します。 配列をソートする // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // ソート前の値 console.log(array); // 配…

【JavaScript】最小値を取得する(min)

最小値を取得する方法です。 Mathオブジェクトを使用します。 最小値を取得する // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // 最小値を取得する console.log(Math.min(..…

【JavaScript】最大値を取得する(max)

最大値を取得する方法です。 Mathオブジェクトを使用します。 最大値を取得する // ランダムな数値を生成する var array = []; for (let i = 0; i < 5; i++) { array.push(Math.round(Math.random() * 100)); } // 最大値を取得する console.log(Math.max(..…

【JavaScript】ランダムな数値を生成する(random)

ランダムな数値を生成する方法です。 Mathオブジェクトを使用します。 ランダムな数値を生成する // ランダムな数値を生成する console.log(Math.random()); console.log(Math.random()); console.log(Math.random()); console.log(Math.random()); console.…

【JavaScript】小数点以下を四捨五入する(round)

小数点以下を四捨五入する方法です。 Mathオブジェクトを使用します。 小数点以下を四捨五入する // 元データ var num = 1.234; // 小数点以下を四捨五入する var num2 = Math.round(num); console.log(num); // 小数点以下を四捨五入なし console.log(num2)…

【JavaScript】小数点以下を切り上捨てる(floor)

小数点以下を切り捨てる方法です。 Mathオブジェクトを使用します。 小数点以下を切り捨てる // 元データ var num = 1.234; // 小数点以下を切り捨てる var num2 = Math.floor(num); console.log(num); // 小数点以下を切り捨てなし console.log(num2); // …

【JavaScript】小数点以下を切り上げる(ceil)

小数点以下を切り上げる方法です。 Mathオブジェクトを使用します。 小数点以下を切り上げる // 元データ var num = 1.234; // 小数点以下を切り上げる var num2 = Math.ceil(num); console.log(num); // 小数点以下を切り上げなし console.log(num2); // 小…

【JavaScript】絶対値を返す(abs)

絶対値を返す方法です。 Mathオブジェクトを使用します。 絶対値を返す // 元データ var num = -100; // 絶対値を返す var num2 = Math.abs(num); console.log(num); // 絶対値なし console.log(num2); // 絶対値あり 実行結果

【JavaScript】文字列から正規表現で一致した文字列を抜き出す(match)

文字列から正規表現で一致した文字列を抜き出す方法です。 文字列から正規表現で一致した文字列を抜き出す // 元データ var str = String("abcdef"); // 文字列から正規表現で一致した文字列を抜き出す var str2 = str.match(/cde/); // cdeの文字を抜き出す…

【JavaScript】文字列から1文字抜き出す(charAt)

文字列から1文字抜き出す方法です。 文字列から1文字抜き出す // 元データ var str = String("abcdef"); // 文字列から1文字抜き出す var str2 = str.charAt(4); // 5文字目の文字を抜き出す console.log(str2); 実行結果

【JavaScript】文字列から文字を抜き出す(substring)

文字列から文字を抜き出す方法です。 文字列から文字を抜き出す // 元データ var str = String("abcdef"); // 文字列から文字を抜き出す var str2 = str.substring(1, 4); // 2文字目から4文字目までを抜き出す console.log(str2); 実行結果

【JavaScript】文字列を連結する(concat)

文字列を連結する方法です。 文字列を連結する // 元データ var str = String("abc"); var str2 = String("def"); // 文字列を連結する var str3 = str.concat(str2); console.log(str3); 実行結果

【JavaScript】文字列を置換する(replace)

文字列を置換する方法です。 文字列を置換する // 元データ var str = String("abcdef"); // 文字列を置換する var str2 = str.replace(abc, aaa); console.log(str2); 実行結果

【JavaScript】文字列を分割する(split)

文字列を分割にする方法です。 文字列を分割にする // 元データ var str = String("a,b,c,d,e,f"); // 文字列を分割にする var data = str.split(","); console.log(data[0]); // a console.log(data[2]); // c 実行結果

【JavaScript】文字列を大文字にする(toUpperCase)

文字列を大文字にする方法です。 文字列を大文字にする // 元データ var str = String("abcdef"); // 文字列を大文字にする var str2 = str.toUpperCase(); console.log(str2); 実行結果

【JavaScript】文字列を小文字にする(toLowerCase)

文字列を小文字にする方法です。 文字列を小文字にする // 元データ var str = String("ABCDEF"); // 文字列を小文字にする var str2 = str.toLowerCase(); console.log(str2); 実行結果

【JavaScript】文字列を抜き出す(substr)

文字列を抜き出す方法です。 文字列を抜き出す // 元データ var str = String("abcdef"); // 2文字目から3文字抜き出す var str2 = str.substr(1,3); console.log(str2); 実行結果

【JavaScript】文字列の長さを返す(length)

文字列の長さを返す方法です。 文字列の長さを返す // 元データ var str = String("abcdef"); // 文字列の長さを返す var len = str.length; console.log(len); 実行結果