ホームページ  >  記事  >  ウェブフロントエンド  >  js組み込みオブジェクトの機能と使い方

js組み込みオブジェクトの機能と使い方

王林
王林オリジナル
2024-01-10 10:59:451172ブラウズ

js組み込みオブジェクトの機能と使い方

js 組み込みオブジェクトの機能と使い方

JavaScript (略して JS) は、Web 開発で広く使用されているスクリプト言語です。オブジェクト指向言語として、JS は、開発者がより効率的にプログラミングできるようにするさまざまな関数やメソッドを含む多くの組み込みオブジェクトを提供します。

この記事では、Math、Date、Array、String などの一般的に使用される JS 組み込みオブジェクトとその機能と使用法を紹介し、具体的なコード例を示します。

  1. Math オブジェクト

Math オブジェクトは、一般的に使用される多くの数学的計算メソッドを提供する数学関連の組み込みオブジェクトです。

Math オブジェクトの一般的なメソッドは次のとおりです。

  • Math.abs(x): x の絶対値を返します。
  • Math.ceil(x): x 以上の最小の整数を返します。
  • Math.floor(x): x 以下の最大の整数を返します。
  • Math.round(x): x に最も近い整数を返します。
  • Math.max(x1, x2, ...): 一連の数値の最大値を返します。
  • Math.min(x1, x2, ...): 一連の数値の最小値を返します。
  • Math.random(): 0 から 1 までの乱数を返します。

サンプル コード:

console.log(Math.abs(-5));  // 输出:5
console.log(Math.ceil(3.7));  // 输出:4
console.log(Math.floor(3.7));  // 输出:3
console.log(Math.round(3.2));  // 输出:3
console.log(Math.max(1, 2, 3));  // 输出:3
console.log(Math.min(1, 2, 3));  // 输出:1
console.log(Math.random());  // 输出:0.123456789(随机数)
  1. Date オブジェクト

Date オブジェクトは、日付と時刻に関連する操作を処理するために使用されます。現在の時刻を表す Date オブジェクトを作成することも、日付と時刻を指定して Date オブジェクトを作成することもできます。

Date オブジェクトの一般的なメソッドは次のとおりです。

  • new Date(): 現在の時刻を表す Date オブジェクトを作成します。
  • new Date(年、月、日 [、時、分、秒、ミリ秒]): 日付と時刻を指定して Date オブジェクトを作成します。
  • Date.now(): 現在時刻のタイムスタンプを返します。

サンプル コード:

var now = new Date();
console.log(now);  // 输出:Mon Dec 20 2021 15:30:00 GMT+0800 (中国标准时间)

var specificDate = new Date(2021, 11, 25);
console.log(specificDate);  // 输出:Fri Dec 25 2021 00:00:00 GMT+0800 (中国标准时间)

var timestamp = Date.now();
console.log(timestamp);  // 输出:1639977000000(时间戳)
  1. Array オブジェクト

Array オブジェクトは、一連のデータを保存および操作するために使用される組み込みオブジェクトです。データ。 Array オブジェクトは、リテラルまたはコンストラクターを通じて作成できます。

Array オブジェクトの一般的なメソッドは次のとおりです。

  • push(element1, element2, ...): 1 つ以上の要素を配列の末尾に追加します。
  • pop(): 配列の最後の要素を削除して返します。
  • shift(): 配列の最初の要素を削除して返します。
  • unshift(element1, element2, ...): 配列の先頭に 1 つ以上の要素を追加します。
  • concat(array1, array2, ...): 複数の配列を結合した新しい配列を返します。

サンプル コード:

var fruits = ['apple', 'banana', 'orange'];
fruits.push('pear');
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange', 'pear' ]

var lastFruit = fruits.pop();
console.log(lastFruit);  // 输出:pear
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange' ]

var firstFruit = fruits.shift();
console.log(firstFruit);  // 输出:apple
console.log(fruits);  // 输出:[ 'banana', 'orange' ]

fruits.unshift('grape');
console.log(fruits);  // 输出:[ 'grape', 'banana', 'orange' ]

var moreFruits = ['watermelon', 'kiwi'];
var allFruits = fruits.concat(moreFruits);
console.log(allFruits);  // 输出:[ 'grape', 'banana', 'orange', 'watermelon', 'kiwi' ]
  1. String オブジェクト

String オブジェクトは、文字列の処理に使用される組み込みオブジェクトです。 String オブジェクトのメソッドを使用して、連結、検索、置換などの文字列を操作できます。

String オブジェクトの一般的なメソッドは次のとおりです。

  • length: 文字列の長さを返します。
  • charAt(index): 指定されたインデックス位置にある文字を返します。
  • indexOf(substring): 文字列内で最初に出現した部分文字列のインデックス位置を返します。
  • substring(startIndex, endIndex): 文字列内の指定された範囲の部分文字列を返します。
  • replace(oldValue, newValue): 文字列内の古い値を新しい値に置き換えます。

サンプル コード:

var message = 'Hello, World!';
console.log(message.length);  // 输出:13

console.log(message.charAt(4));  // 输出:o

console.log(message.indexOf('World'));  // 输出:7

console.log(message.substring(7, 12));  // 输出:World

var newMessage = message.replace('World', 'JavaScript');
console.log(newMessage);  // 输出:Hello, JavaScript!

上記は、一般的に使用されるいくつかの JS 組み込みオブジェクトとその機能と使用方法の紹介です。これらの組み込みオブジェクトのメソッドを通じて、数学演算、日付と時刻、配列および文字列演算をより便利に処理できます。これらのオブジェクトとそのメソッドに習熟すると、JS プログラミングの効率と品質が大幅に向上します。

以上がjs組み込みオブジェクトの機能と使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。