Skip to content

JavaScriptの組み込みオブジェクト

公開日:November 17, 2024更新日:November 28, 2024
JavaScriptTypeScriptCoding📄

Mathオブジェクトの活用

Math オブジェクトは数学的な計算を行うために便利なメソッドを提供します。

  • 基本的なメソッド
    • Math.round(): 数値を四捨五入します。
      javascript
      console.log(Math.round(4.7)); // 出力: 5
      console.log(Math.round(4.4)); // 出力: 4
    • Math.ceil(): 数値を切り上げます。
      javascript
      console.log(Math.ceil(4.1)); // 出力: 5
    • Math.floor(): 数値を切り捨てます。
      javascript
      console.log(Math.floor(4.9)); // 出力: 4
    • Math.random(): 0から1未満のランダムな数値を返します。
      javascript
      console.log(Math.random()); // 例: 0.235644628
    • Math.max() / Math.min(): 引数の中から最大値または最小値を返します。
      javascript
      console.log(Math.max(10, 20, 30)); // 出力: 30
      console.log(Math.min(10, 20, 30)); // 出力: 10

Dateオブジェクトの使い方

Date オブジェクトは日付と時刻を扱うために使用します。

  • 現在の日付と時刻の取得

    javascript
    let now = new Date();
    console.log(now); // 例: 2024-11-15T10:20:30.000Z
  • 特定の日付の設定 特定の日付を設定するには、Date コンストラクタに年、月(0から11)、日などを渡します。

    javascript
    let specificDate = new Date(2024, 10, 15); // 2024年11月15日(11月は0から始まるので10)
    console.log(specificDate);
  • 日付や時刻の取得メソッド

    • getFullYear(): 年を取得します。
      javascript
      console.log(now.getFullYear()); // 例: 2024
    • getMonth(): 月を取得します(0から11)。
      javascript
      console.log(now.getMonth()); // 例: 10 (11月)
    • getDate(): 日を取得します。
      javascript
      console.log(now.getDate()); // 例: 15
    • getDay(): 曜日を取得します(0が日曜日、1が月曜日)。
      javascript
      console.log(now.getDay()); // 例: 5 (金曜日)

StringやArrayのメソッド

文字列や配列を操作するために多くの便利なメソッドが用意されています。

  • Stringメソッド

    • length: 文字列の長さを取得します。
      javascript
      let greeting = "こんにちは";
      console.log(greeting.length); // 出力: 5
    • toUpperCase(): 文字列をすべて大文字に変換します。
      javascript
      console.log(greeting.toUpperCase()); // 出力: こんにちは
    • toLowerCase(): 文字列をすべて小文字に変換します。
      javascript
      let text = "HELLO";
      console.log(text.toLowerCase()); // 出力: hello
    • slice(): 文字列の一部を抽出します。
      javascript
      console.log(greeting.slice(0, 3)); // 出力: こんに
  • Arrayメソッド

    • push(): 配列の末尾に要素を追加します。
      javascript
      let fruits = ['りんご', 'バナナ'];
      fruits.push('オレンジ');
      console.log(fruits); // 出力: ['りんご', 'バナナ', 'オレンジ']
    • pop(): 配列の末尾の要素を削除します。
      javascript
      fruits.pop();
      console.log(fruits); // 出力: ['りんご', 'バナナ']
    • shift(): 配列の先頭の要素を削除します。
      javascript
      fruits.shift();
      console.log(fruits); // 出力: ['バナナ']
    • unshift(): 配列の先頭に要素を追加します。
      javascript
      fruits.unshift('ぶどう');
      console.log(fruits); // 出力: ['ぶどう', 'バナナ']
    • forEach(): 配列の各要素に対して関数を実行します。
      javascript
      fruits.forEach(fruit => {
        console.log(fruit);
      });
      // 出力:
      // ぶどう
      // バナナ

組み込みオブジェクトのまとめ

JavaScriptの組み込みオブジェクトである MathDateString、および Array は、日常的なプログラミング作業をより簡単にする多くのメソッドを提供します。これらのメソッドを活用することで、コードの効率と可読性を向上させることができます。