JSは10進数を16進数に変換するサンプルコードを実装します

JSは10進数を16進数に変換するサンプルコードを実装します

序文

コードを書くと、時々基数変換の問題に遭遇します。一般的な変換には、2進数、8進数、10進数、16進数などがありますが、16進数はあまり聞きません。ここでは、JSを使用して簡単に16進数を実装してみます。

考える

16進数の構造

始める前に、まず 16 進数の構成を理解して、16 進数とそれに続く数値の変換を明確に理解する必要があります。 16 進数は 0 から 9 と a から a までの文字で構成されていることは誰もが知っています。では、16 進数とは何でしょうか? 、afを20桁後ろに押し戻すと、その文字部分は26の英語の文字azで構成されていることが明らかなので、16進数は0-9、azで構成されています。

数値準備

構成を理解した後、10 進数を 16 進数に変換するにはどうすればよいかを考えてみましょう。 まず、36 個の値を持つ「倉庫」配列を準備する必要があります。この配列は、16 進数のすべての値を格納するために使用されます。10 進数を変換する必要がある場合、値に応じて 16 進数の値が倉庫から取り出されます。倉庫では、0-9 は 16 進数の 0-9 を表し、10-35 は 16 進数の a-z を表します。コードは次のとおりです

関数 getNums36() {
  var nums36 = [];
  (var i = 0; i < 36; i++) {
    if(i >= 0 && i <= 9) { // 0~9の値を保存する nums36.push(i) 
    } else { // az の値を格納 nums36.push(String.fromCharCode(i + 87)); // ASCII コード変換 }
  }
  console.log(nums36,'--------'); // 倉庫の値を確認します return nums36; 
}

成し遂げる

ウェアハウスが構築された後、バイナリ変換を分解するプロセスを開始します。

  • まず渡された 10 進数がテストされ、浮動小数点数が最初に判定されます。浮動小数点数の基数変換についてはここでは説明しないので、そのまま返されます。次に、負の数を検出して処理します。n が負の数の場合、Math.abs() メソッドが呼び出され、n が正の数に変換されます。
  • 検出が完了すると、変換が開始されます

while ループを設定します。まず、n の値に対して 36 を法として実行し、res を取得します。

var res = n % 36;

ここでは、10 進数の最下位ビット値を 16 進数に変換し、res をウェアハウスに投入し、対応する 16 進数値を取得し、unshift を使用してそれを arr の最初のビットに格納する必要があります。

arr.unshift(nums36[res]);

最下位ビットを処理した後、数値を繰り上げて上位ビットの値を処理する必要があります。

n = parseInt(n/36);

この時点でサイクルは完了する

while を使って、res の n に対する係数を連続的に取得し、それを連続的に繰り上げます。最後に、10 進数を 16 進数に変換できます。

このとき、最初に設定したnegの負数判定を追加することを忘れないように注意する

arr.unshift(負)

最後に16進数を返す

arr.join(""); を返します。

コード

// 36ビット式0-9azを提供
関数 getNums36() {
  var nums36 = [];
  (var i = 0; i < 36; i++) {
    i >= 0 && i <= 9 の場合
      nums36.push(i)
    } それ以外 {
      nums36.push(String.fromCharCode(i + 87));
    }
  }
  nums36 を返します。
}
関数scale36(n) {
  // 単一関数 // 16進数: 0-9 af 16進数: 0-9 az   
  定数arr = [];
  var nums36 = getNums36();
  // 36 10
  if(!Number.isInteger(n)){//浮動小数点数の判定、現在マウスをサポートしていません console.warn('10進数変換はサポートされていません');
    n を返します。
  } 
  var neg = '';
  if(n < 0){//負の数の処理 neg = '-';
      n = Math.abs(n)
  }
  while(n) {
    var res = n % 36;
    console.log(res,'++++++++');
    arr.unshift(nums36[res]);
    // キャリー n = parseInt(n/36);
    console.log(n,'---------');
  }
  arr.unshift(負)
  arr.join(""); を返します。

}

コンソール.log(スケール36(20)); // 10

拡張機能

7進数の実装

このテンプレートは、10進数を他の基数に変換する場合にも適用できます。ウェアハウスの値を変更するだけで済みます。ここでは、LeetCodeの7基数問題を例に挙げます。

504. 7 進数 整数を 7 進数に変換し、文字列として出力します。

例1:
入力: 100 出力: "202"

まずは7基の数値倉庫を準備する

関数 getNums7() {
  var nums7 = [];
  (変数i = 0; i < 7; i++){
    
      nums7.push(i)
   
  }
  nums7 を返します。
}

次に、剰余値と繰り上がりを変更してテンプレートの再利用を完了します。

var res = n % 7;
n = parseInt(n/7);

コード関数 getNums7() {
  var nums7 = [];
  (変数i = 0; i < 7; i++){
    
      nums7.push(i)
   
  }
  nums7 を返します。
}
var convertToBase7 = 関数(数値) {
  // 単一関数 const arr = [];
  var nums7 = getNums7();
  var neg = '';
  if(num < 0){//負の数の処理 neg = '-';
      数値 = Math.abs(数値)
  }
  数値 == 0 の場合
      num + "" を返します。
  }
  
  while(数値) {
    var res = num % 7; // 上位データをインターセプトする arr.unshift(nums7[res]);  
    // キャリー num = parseInt(num/7); 
  }
  arr.unshift(負の値);
  arr.join(""); を返します。

}

まとめ

この例から、少し変更するだけで、10 進法を他のシステムに簡単に変換できることがわかります。鍵となるのは、res の法とウェアハウス値の構築です。連続してキャリーと while ループを実行すると、最終的に必要な数値を取得できます。

10 進数から 16 進数への変換を JS で実装する方法についての記事はこれで終わりです。10 進数から 16 進数への変換を JS で実装する方法についてさらに詳しく知りたい場合は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • 16進数と10進数の変換関数のPHP実装例

<<:  MySQL 5.0.96 for Windows x86 32 ビット グリーン簡易版インストール チュートリアル

>>:  MYSQL updatexml() 関数のエラーインジェクション分析

推薦する

Linux シェル環境での Zabbix API の使用

Linux シェル環境で直接呼び出すことができます。公式 Web サイトによると、Zabbix のデ...

Linux Zabbixカスタム監視およびアラーム実装プロセスの分析

ターゲットzabbix フロントエンド監視の iostat コマンドでデータの 1 つを表示します。...

Ubuntu 18.04で国内ソースを変更する方法の例

Ubuntu はソースが中国からなのでダウンロード速度が比較的遅いです。CentOS と異なり、yu...

JavaScript の navigator.userAgent がブラウザ情報を取得するケースの説明

ブラウザはおそらく私たちにとって最も馴染みのあるツールです。 Firefox、Opera、Safar...

CSS3 Flex エラスティックレイアウトのサンプルコードの詳細な説明

1. 基本概念 //任意のコンテナを Flex レイアウトとして指定できます。 。箱{ ディスプレイ...

nginx設定ファイルの解釈の詳細な説明

nginx 設定ファイルは主に 4 つの部分に分かれています。 main{#(グローバル設定) ht...

nginx で Vue プロジェクトをデプロイする方法

今日は nginx サーバーを使用するのですが、vue プロジェクトをサーバーにデプロイする必要もあ...

Linux インストール MySQL5.6.24 使用手順

Linux インストール MySQL ノート1. MySQL データベース サーバーをインストールす...

vue3 のコンポーネントの互換性のない変更の詳細な説明

目次機能コンポーネント非同期コンポーネントの書き方とdefineAsyncComponentメソッド...

MySQL で置換操作を使用したときにデータ損失が発生する問題の解決策

序文同社の開発者は、データの更新時に replace into ステートメントを使用していました。不...

Xtrabackup を使用して MySQL をバックアップおよび復元する方法

目次1. バックアップ1.1 万全の準備1.2 追加の準備2 バックアップとリカバリ2.1 データの...

MySQLメモリストレージエンジンに関する知識

メモリストレージエンジンに関する知識ポイントメモリ ストレージ エンジンは日常業務ではほとんど使用さ...

Vue2.x プロジェクトのパフォーマンス最適化のためのコード最適化の実装

目次1 v-ifとv-showの使用2. 計算と監視を区別する3 v-for トラバーサルでは、アイ...

Vue-pdfはPDFファイルのオンラインプレビューを実装します

序文ほとんどのプロジェクトでは、PDF ファイルのオンライン プレビューに遭遇するでしょう。このプロ...