JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで数値の先頭の0を保持する方法は？

JavaScriptで先頭の0を保持するには？

JavaScriptでは、数値（Number型）として先頭の0を保持することはできません。数値リテラルの先頭に付いた0は意味を持たず、自動的に削除されてしまいます。

しかし、従業員IDのように先頭の0が意味を持つ値を扱いたい場合は、その値を文字列として扱い、引数として渡すことで対応できます。

サンプルコード

以下のコードでは、IDを文字列として渡すことで先頭の0を保持しています。ボタンをクリックすると関数が呼び出され、結果が表示されます。

<html>
   <head>
      <script>
         function sayHello(name, age, id) {
            document.write (name + " is " + age + " years old, with id = "+id);
         }
      </script>
   </head>
   <body>
      <p>Click the following button to call the function</p>
      <form>
         <input type="button" onclick="sayHello('John', 26, '0678')"
            value="Display Employee Info">
      </form>
   </body>
</html>

この例では、sayHello('John', 26, '0678') のように、IDの「0678」をシングルクォートで囲んで文字列として渡しているため、先頭の0がそのまま表示されます。数値として渡してしまうと「678」になってしまう点に注意してください。

  1. JavaScriptでオートコンプリート（入力補完）機能を実装する方法

    JavaScriptによるオートコンプリートの実装検索フォームなどでユーザーの入力に合わせて候補を自動的に表示する「オートコンプリート（入力補完）」機能は、JavaScriptを使えばライブラリなしでも実装できます。本記事では、配列に格納されたデータを候補として表示し、マウスクリックやキーボード操作で選択できるオートコンプリートの作り方を、完全なサンプルコードとともに解説します。実装のポイントこのサンプルでは以下のような仕組みでオートコンプリートを実現しています。inputイベント：テキストフィールドに入力があるたびに発火し、入力値と前方一致する項目を候補リストとして動的に生成します。キーボー

  2. JavaScriptでテキストを切り替える（トグルする）方法を解説

    JavaScriptを使えば、ボタンをクリックするたびに表示されるテキストを切り替える（トグルする）処理を簡単に実装できます。ここでは、innerHTMLプロパティと条件分岐を組み合わせた、最も基本的なテキスト切り替えの方法をサンプルコード付きで解説します。実装コード例<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>