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フォークの隠れたオーバーヘッド

推薦する

MySQLグループクエリ最適化方法

MySQL はほとんどの場合、GROUP BY クエリと DISTINCT クエリを同様に処理します...

mysql5.6.zip形式の圧縮版インストールグラフィックチュートリアル

はじめに: MySQL は、スウェーデンの MySQL AB によって開発されたリレーショナル デー...

Vue + 要素を使用して背景データをオプションに動的に表示する

必要:ハードコードされたデータの代わりに、セレクター内のオプション値の動的な表示を実装します。私のロ...

Vueモバイル端末の適応化問題の詳細説明

1. vue uiでプロジェクトを作成する 2. 基本設定項目を選択する 3. プロジェクトを実行す...

Dockerはクロスプラットフォーム機能を実現するためにnet5プログラムを導入

展開環境: ここでは docker コンテナ、Linux システム、VmWare 仮想マシンが使用さ...

ApacheとTomcatを組み合わせて静的状態と動的状態を分離する方法

実験環境ApacheとTomcatは両方ともIPアドレス192.168.153.136のホストにイン...

Mysql は null 値の first/last メソッドの例を実装します

序文MySQL が SQL SELECT コマンドと WHERE 句を使用してテーブルからデータを読...

HTML をホームページとして設定し、お気に入りに追加_Powernode Java Academy

IE ブラウザで「ホームページとして設定」および「お気に入りに追加」機能を実装する方法解決:指定さ...

ウェブページを最適化してメモリとCPUの使用率を削減

一部の Web ページは大きく見えなくても開くのに非常に時間がかかる場合があります。一方、他の We...

Reactの状態の理解についての簡単な分析

複雑なコンポーネント (クラス コンポーネント) と単純なコンポーネント (関数コンポーネント) を...

プライベートレジストリ内の画像を照会または取得する方法

Dockerはプライベートレジストリ内のイメージを照会または取得するために、 docker 検索 1...

Spark SQL の 4 つの一般的なデータ ソースの詳細な説明

汎用ロード/書き込みメソッドオプションを手動で指定するSpark SQL の DataFrame イ...

Nginx のインストールと設定ルールの詳細な紹介

目次1. nginxのインストールと操作(Mac OS環境) 2. nginxルールの設定3. コマ...

Tomcat マルチポートドメイン名アクセスと gzip 圧縮方式を有効にする構成

1. デフォルトのポート8080に加えて、ドメイン名のアクセスとserver.xmlのオープンにポー...

JS 非同期実行の原則とコールバックの詳細

1. JSの非同期実行の原則JavaScript はシングルスレッドですが、ブラウザはマルチスレッド...