JavaScript の組み込みオブジェクト 数学と文字列の詳細な説明

JavaScript の組み込みオブジェクト 数学と文字列の詳細な説明

数学オブジェクト

  • Math は、数学演算に関連するプロパティとメソッドをカプセル化するツール クラス オブジェクトです。

共通プロパティ

  • Math.PI: 円周率を表す

一般的な方法

  • Math.abs(x) : xの絶対値を返す
  • Math.pow(x,y) : xのy乗を返す
  • Math.sqrt(x) : xの平方根を返す
  • Math.round(x) : xを最も近い整数に丸めて返します
  • Math.floor(x) : x以下の最大の整数を返す
  • Math.ceil(x) : この関数は、x 以上の最小の整数を返します。
  • Math.max() : 引数の中で最大値を返します
  • Math.min() : 引数の中の最小値を返す

Math.random()

  • 疑似乱数(0.0~1.0)(1を除く)を返します。
  • [0,x]の乱数を生成する
    • Math.round(Math.random()*x)
    • [0,10]: Math.round(Math.random()*10)
  • 乱数[x,y]を生成する
    • Math.round(Math.random()*(yx)+x
    • [1,10]からの乱数: Math.round(Math.random()*9)+1

文字列メソッド

長さプロパティ

  • 文字列の長さを取得するために使用できます
var str = "こんにちは世界!!!";
var 結果 = str.length;
console.log(結果);

ここに画像の説明を挿入

charAt()

  • 文字列内の指定された位置の文字を返すことができます
  • インデックスで指定された文字を取得します
var str = "こんにちは世界!!!";
var 結果 = str.charAt(6);
console.log(結果);

ここに画像の説明を挿入

charCodeAt()

  • 指定した位置の文字の文字エンコーディング(Unicodeエンコーディング)を取得します。
var str = "こんにちは世界!!!";
var 結果 = str.charCodeAt(6);
console.log(結果);

ここに画像の説明を挿入

fromCharCode()

  • 文字コードに応じて文字を取得できます
var 結果 = String.fromCharCode(18888);
console.log(結果);

ここに画像の説明を挿入

連結()

  • 2つ以上の文字列を連結するために使用できます
  • 元の文字列には影響しません
var str = "こんにちは世界!!!";
var result = str.concat("Hello","World");
console.log(結果);

ここに画像の説明を挿入

インデックス()

  • このメソッドは、文字列に指定されたコンテンツが含まれているかどうかを取得できます。
  • 文字列にコンテンツが含まれている場合、その最初の出現のインデックスが返されます。
  • 指定されたコンテンツが見つからない場合は-1を返します。
  • 2 番目のパラメータを指定して、検索を開始する位置を指定できます。
var str = "こんにちは世界!!!";
var result0 = str.indexOf('l');
var result1 = str.indexOf('l',3);//3 番目の位置から開始 var result2 = str.indexOf('l',5);//5 番目の位置から開始 console.log(result0);
コンソールログ(結果1);
コンソールログ(結果2);

ここに画像の説明を挿入

最後のインデックス()

  • このメソッドの使い方はindexof()と同じです。
  • 違いは、indexOf() が前方から後方に検索することです。
  • lastIndexOf()は後ろから前へ検索します

スライス()

  • 文字列から指定されたコンテンツを抽出できます
  • 元の文字列には影響しませんが、傍受したコンテンツを返します。
  • パラメータ:
    • まず、開始位置のインデックス(開始位置を含む)
    • 2番目は終了位置のインデックス(終了位置を含まない)
    • 2番目のパラメータを省略した場合、それ以降のすべての
    • 負の数をパラメータとして渡すこともできます。負の数の場合は逆から計算されます。
var str = "こんにちは世界!!!";
var result0 = str.slice(0,2);
var result1 = str.slice(1,-4);
コンソールログ(結果0);
コンソールログ(結果1);

ここに画像の説明を挿入

部分文字列()

  • slice() と同様に文字列をインターセプトするために使用できます。
  • 元の文字列には影響しませんが、傍受したコンテンツを返します。
  • パラメータ:
    • まず、開始位置のインデックス(開始位置を含む)
    • 2番目は終了位置のインデックス(終了位置を含まない)
  • 負の値をパラメータとして受け入れることはできません
    • 負の値が渡された場合、デフォルトで 0 が使用されます。
  • パラメータの位置を自動的に調整できます。2 番目のパラメータが最初のパラメータよりも小さい場合は、自動的に入れ替えられます。
var str = "こんにちは世界!!!";
var result0 = str.substring(0,2);
コンソールログ(結果0);

ここに画像の説明を挿入

スプリット()

  • 文字列を配列に分割することができます
  • パラメータ:
    • 文字列をパラメータとして受け取り、配列は文字列に応じて分割されます。
var str = "こんにちは、世界!!!";
var result0 = str.split(' ');
コンソールログ(結果0);
console.log(Array.isArray(result0));

ここに画像の説明を挿入

大文字に変換()

  • 文字列を大文字に変換して返します
var str = "こんにちは、世界!!!";
var result0 = str.toUpperCase();
コンソールログ(結果0);

ここに画像の説明を挿入

小文字に変換()

  • 文字列を小文字に変換して返します
var str = "こんにちは、世界!!!";
var result0 = str.toLowerCase();
コンソールログ(結果0);

ここに画像の説明を挿入

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript 組み込みオブジェクト 数学ケース要約分析
  • JavaScript の組み込みオブジェクト Math の紹介と使用例
  • JS組み込みオブジェクトとMathオブジェクトの詳細な説明
  • js 組み込みオブジェクト Math のプロパティとメソッドに関する簡単な説明 (推奨)
  • 組み込みオブジェクトの使用方法 JavaScript オブジェクトの Math
  • JavaScript の Math 組み込みオブジェクトの基本メソッドの使用法の詳細な説明

<<:  CSSボックスの表示/非表示とトップレイヤーの実装コード

>>:  Unix/Linuxフォークの隠れたオーバーヘッド

推薦する

個人的な意見: デザインについて語る

<br />最も実用的なものを選んで話しましょう。まず、勤務先の都市を慎重に選ぶ必要があ...

JavaScript で矢印関数を使用できないシナリオはどれですか

目次1. オブジェクトメソッドを定義する2. プロトタイプメソッドを定義する3. イベントコールバッ...

Linux にバイナリ MySQL をインストールして MySQL パスワードをクラックする方法

1. システムに必要な libaio ソフトウェアがインストールされていることを確認します。インスト...

Vue の新しい組み込みコンポーネントの使用方法の詳細な説明

目次1. テレポート1.1 テレポートの紹介1.2 テレポートの使用1.3 プレビュー効果2. サス...

JavaScriptはクリックトグル機能を実装します

この記事の例では、クリックして切り替える機能を実装するためのJavaScriptの具体的なコードを参...

この記事では、6つの負荷分散技術の実装方法をまとめます(要約)

ロード バランシングは、サーバー クラスタの展開でよく使用されるデバイスです。マシンのパフォーマンス...

MySQL で戻り値ありと戻り値なしのストアド プロシージャを書く 2 つの方法

プロセス1: 戻り値あり: proc_addNum が存在する場合はプロシージャを削除します。 プロ...

JS の compose 関数と pipe 関数の使い方の詳細な説明

目次作成機能配列プロトタイプの削減Array.prototype.reduceRightパイプ関数作...

バントリストコンポーネントをスクロールしても、スクロールバーの位置は保持されます。

バントリストコンポーネントをスクロールするときに、スクロールバーの位置が保持されます。これは、kee...

データページング効果を実現する js オブジェクト

この記事の例では、データのページング効果を実現するためのjsオブジェクトの具体的なコードを参考までに...

jsは赤い封筒の順序と量を指定するアルゴリズムを実装します

この記事では、指定された赤い封筒の順序と金額を実装するためのjsの具体的なコードを共有します。具体的...

フロントエンドHTMLスキン変更機能の実装コード

透明を含む5つの肌の色を変更するには50行のコードが必要です最初にコードをお渡ししますので、ご自身で...

Vueは3段階のナビゲーション表示と非表示を実装します

この記事では、3階層ナビゲーションの表示と非表示を実現するためのVueの具体的なコードを例として紹介...

3つの簡単な調整でMySQLを最適化する

私は熟練した DBA になるつもりはありませんが、MySQL を最適化するときは、いくつかの構成を調...

レム適応の一般的なパッケージ3つについて

序文以前、rem適応についての記事を書きましたが、具体的なパッケージは紹介しませんでした。今日は、よ...