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 バッチに挿入するときにデータの重複を避ける方法

目次序文1. ignore を挿入2. 重複キーの更新時3. を置き換える要約する序文Mysql は...

CSS の記述基準と順序を共有する [すべての人に使用を推奨]

CSSの記述順序1. 位置属性(位置、上、右、z-index、表示、フロートなど) 2. サイズ(...

MySQLにおける(JOIN/ORDER BY)文のクエリ処理と最適化方法

EXPLAIN ステートメントは、MySQL クエリ ステートメント プロセスと EXPLAIN ス...

WindowsシステムでPhPStudy MySQLの起動に失敗する問題を解決する

エラーを報告するApache\Nginx サービスは正常に起動しましたが、MySQL は起動に失敗し...

Vue ソング プログレス バーのサンプル コード

なお、これはvue-cliで作成したプロジェクトではありません。vue.jsを参照して記述したHTM...

遭遇したいくつかのブラウザ互換性の問題について簡単に説明します

背景ブラウザの互換性の問題を解決するのは非常に面倒なことです。高度な技術はそれほど必要ありませんが、...

uniappのグローバル変数実装の詳細な説明

序文この記事では、uniapp グローバル変数の実装方法をいくつかまとめています。詳細な知識は、uV...

MySQL の一時テーブルと派生テーブルについての簡単な説明

派生テーブルについてメイン クエリに派生テーブルが含まれている場合、または SELECT ステートメ...

TypeScript でオブジェクト キーの値の範囲を制限する方法

TypeScript を使用する場合、TypeScript が提供する型システムを使用してコードのあ...

JavaScript 履歴オブジェクトの説明

目次1. ルートナビゲーション2. 履歴状態管理API (1)ハッシュチェンジイベント(2)ポップス...

Chrome タブバーを実装するための CSS のヒント

今回は、Google Chrome のタブバーのような、特殊な丸い角を持つナビゲーション バーのレイ...

一般的な Dockerfile コマンドの使用方法の紹介

目次01 CM 02 エントリーポイント03 ワークディレクトリ04 環境05 ユーザー06巻07 ...

HTML で Flash を読み込む方法 (2 つの実装方法)

最初の方法: CSSコード:コードをコピーコードは次のとおりです。 .b970-a{幅:970px;...

PrometheusとGrafanaを使用したMySQLサーバーのパフォーマンス監視の詳細な説明

概要Prometheus は、HTTP プロトコルを介してリモート マシンからデータを収集し、ローカ...

Hyper-V の紹介とインストールと使用 (詳細な図解)

はじめに:IT 業界の巨人である Microsoft 独自の仮想化技術は、VMware や Citr...