JavaScript で Atob() メソッドが行うこと

Javascript De Atob Mesoddoga Xingukoto



アトブ() ' を参照 ' ASCII からバイナリへ エンコードされた base-64 文字列をデコードするデコードされたメソッド。の base-64 テキストとして読み取ることができない ASCII 形式のバイナリ データを表します。重要で機密性の高い情報を保存するのに役立ちます。デコードされた文字列は読みやすく理解しやすい、つまり人間が読める形式になっています。

この記事では、「 アトブ() JavaScript のメソッド。







「atob()」メソッドは JavaScript で何をしますか?

アトブ() 」メソッドは、エンコードされたバイナリ データ文字列をデコードします。 「 アトブ() 」は、文字列の各文字を元の 6 ビット バイナリ表現にマッピングすることにより、これらのエンコードされた base-64 文字列を再構築します。



構文

ダンジョン ( エンコードされた )

上記の構文では、「 エンコードされた 」は、base-64 バイナリ形式でエンコードされたデータ文字列を指定します。



例: JavaScript で「atob()」メソッドを適用する

この例では、説明した方法を適用して、ボタンのダブルクリック時に初期化された文字列を最初にエンコードし、次にデコードすることができます。





HTMLコード

次の HTML コード行を見てみましょう。

< p > 書かれたベースを解読するには - 64 エンコードされた段落 ダブル クリック これ ボタン。 p >
< ボタン ondblclick = '翻訳()' > ダブルクリック ボタン >
< ピッド ID = 'テスト' > p >

上記の HTML コードでは:



  • まず、「」を介して段落を含めます。

    ' 鬼ごっこ。

  • 次のステップでは、関連付けられた「 ondblclick 」という名前の関数にリダイレクトするイベント「」 翻訳() 」ボタンをダブルクリックするとトリガーされます。
  • 今、「

    ” タグは id を持つ 2 番目の段落を指定します “ テスト 」に、エンコードおよびデコードされた文字列が追加されます。

JavaScript コード

それでは、JavaScript コード ブロックに移りましょう。

< 脚本 >
関数 翻訳 ( ) {
だった = 「リナックス」 ;
だった エンコードされた = 仲間 ( ) ;
だった デコードされた = ダンジョン ( エンコードされた ) ;
だった 結果 = 'エンコードされた文字列: ' + エンコードされた +
+ 'デコードされた文字列: ' + デコードされた ; 書類。 getElementById ( 'テスト' ) . インナーHTML = 結果 ;
}
脚本 >

上記のコード ブロックでは:

  • まず、関数を宣言します」 翻訳() 」。
  • その定義では、デコードおよびエンコードする必要がある文字列を初期化します。
  • その後、「 btoa() 」メソッドは、初期化された文字列を引数として取り、base-64 形式にエンコードします。
  • 今、「 atob()」メソッドを「デコード」する 」 エンコードされた文字列を元のテキスト形式に変換します。
  • 最後に、「 getElementById() 」メソッドを使用して段落にアクセスし、「 インナーHTML 」プロパティをダブルクリックします。

出力

出力は、エンコードとデコードが適切に行われたことを示しています。

結論

JavaScript では、組み込みの「 アトブ() 」メソッドは、base-64 でエンコードされた文字列をデコードするために使用されます。エンコードされた文字列を引数として受け取り、それに応じてデコードします。ただし、エンコードは「 btoa() 」とも呼ばれる方法 バイナリからASCIIへ 」。この記事では、「 アトブ() JavaScript のメソッド。