如何使用 JavaScript 将十进制数转换为罗马数字?

front end technologyjavascriptweb development

罗马数字是一种用于表示固定十进制数的数字系统。拉丁字母表中的几个字母用于表示罗马数字。在本教程中，用户将学习如何使用 JavaScript 将十进制数转换为罗马数字。七个符号代表罗马数字:I、V、X、L、C、D 和 M。符号的值如下所示。

语法

I 为 1
V 为 5
X 为 10
L 为 50
C 为 100
D 为 500
M 为 1000

使用这七个符号，用户可以将十进制数转换为罗马数字。

用户可以按照以下语法将十进制数转换为罗马数字。

语法

function getRoman(num) {
   //使用 for 循环遍历 roman_numerals 数组
   if (num == 0)
      break;
   while (num >= decimal_number[i]) {
      num -= decimal_number[i];
      romanNumeral += roman_numeral[i];
      if (roman_numeral[i] == 'M')
      number_thousands++;
   }
}

function decimal_to_roman(num) {
// 校验数字介于 1 至 3888888 之间
   if (num <= 0 || num >= 3888888)
   {
      // 无法转换为罗马数字
   }
   // 它将调用 getRoman() 函数
   if (roman1.number_thousands > 4) {
      var temp=roman1.number_thousands;
      while(temp>0){
         thous_string += "M";
         temp--;
      }
      var thousands1 = getRoman(roman1.number_thousands);
      var thousandBase = "<span style='border-top:1px solid #000'>" +
      thousands1.romanNumeral + "</span>";
      romanNumeral = roman1.romanNumeral.replace(thous_string, thousandBase);
   }
   else romanNumeral = roman1.romanNumeral;
}

用户可以按照以下算法获取罗马数字。

算法

步骤 1 - 初始化数组 roman_numeral，其元素为罗马符号。

步骤 2 - 使用参数 num 调用 decimal_to_roman() 函数。

步骤 3 - 检查 num 是否在范围内。

步骤 4 - 如果 num 在范围内，则调用 getRoman()。在此函数中使用 roman_numeral 中的 for 循环进行遍历。

步骤 5 - 如果 num=0 则中断，否则当 num 大于或等于当前罗马值时，将相应的罗马符号添加到 romanNumeral 字符串。如果当前罗马符号为"M"，则将 number_thousands 的计数增加 1。

步骤 6 - getRoman() 将值返回给 decimal_to_roman()。

步骤 7 - 如果 number_thousands <= 4，则打印 romanNumeral。

步骤 8 - 如果 number_thousands > 4、使 stringthous_string 的长度等于包含符号 M 的 number_thousands。使用 getRoman( ) 查找 number_thousands 的罗马数字，然后在其上添加横线并存储在 millibase 中。

步骤 9 - 在 romanNumeral 中将 millibase 字符串替换为 millibase 字符串。

步骤 10 - 打印 romanNumeral。

用户可以按照以下示例更好地理解。

示例 1

罗马数字中的数字是七个符号的字符串。在此示例中，用户将学习使用两个数组将十进制数转换为罗马数字:roman_numeral[ ] 和 decimal_number[ ]。

罗马数字的值，

CM 为 900
CD 为 400
XC 为 90
XL 为 40
IX 为 9
IV 为 4。


<html>
<head>
</head>
<body>
   <h2> Convert a decimal number to roman using JavaScript. </h2>
   <h4> After converting <i> decimal number to roman </i>. </h4>
   <p id = "div1"> </p>
   <p id = "div2"> </p>
   <script>
      let Div1 = document.getElementById("div1");
      let Div2 = document.getElementById("div2");

      //declaring roman symbols array
      var roman_numeral = new Array();
      roman_numeral = ["M","CM","D","CD","C","XC","L","XL","X","IX","V","IV","I"];

      //declaring array of values for roman symbols
      var decimal_number = new Array();
      decimal_number = [1000,900,500,400,100,90,50,40,10,9,5,4,1];
      function getRoman(num) {
         var romanNumeral = "";
         var number_thousands = 0;
         for (var i=0; i< roman_numeral.length; i++) {
            if (num == 0)
               break;
            while (num >= decimal_number[i]) {
               num -= decimal_number[i];
               romanNumeral += roman_numeral[i];
               if (roman_numeral[i] == 'M')
                  number_thousands++;
            }
         }
         return { number_thousands:number_thousands, romanNumeral:romanNumeral };
      }
      function decimal_to_roman(num) {
         // 3,888,888 is the longest number represented by Roman numerals
         if (num <= 0 || num > 3888888)
         return num;
         var romanNumeral = "";
         var roman1 = getRoman(num);
         // If the number is 4000 or greater
         if (roman1.number_thousands > 4) {
            var thous_string = "";
            var temp=roman1.number_thousands;
            while(temp>0){
               thous_string += "M";
               temp--;
            }
            var thousands1 = getRoman(roman1.number_thousands);
            var thousandBase = "<span style='border-top:1px solid #000'>" +
            thousands1.romanNumeral + "</span>";
            romanNumeral = roman1.romanNumeral.replace(thous_string, thousandBase);
         }
         else romanNumeral = roman1.romanNumeral;
            return romanNumeral;
      }
      Div1.innerHTML="Roman conversion of number 577 is " + decimal_to_roman(577);
      Div2.innerHTML="Roman conversion of number 3542 is " +   decimal_to_roman(3542);
   </script>
</body>
</html>

在上面的例子中，用户分别将罗马数字 577 和 3542 转换为 DLXXVII 和 MMMDXLII。

示例 2

在下面的例子中，我们获取用户的输入，单击按钮后，十进制数字将转换为罗马数字。


<html>
<body>
   <h2> Convert a decimal number to roman using JavaScript. </h2>
   <p> Click the "Convert Decimal to Roman" button after entering the number to convert into Roman Numeral </p>
   <p> Enter Decimal Number: <input type="number" , value='50' , id="decimal"></p>
   <button onclick="decimal_to_roman()">Convert Decimal to Roman</button>
   <p id="div1"> </p>
   <script>
      let Div1 = document.getElementById("div1");
      //declaring roman symbols array
      var roman_numeral = new Array();
      roman_numeral = ["M", "CM", "D", "CD", "C", "XC", "L", "XL", "X", "IX", "V", "IV", "I"];
      //declaring array of values for roman symbols
      var decimal_number = new Array();
      decimal_number = [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1];
      function getRoman(num) {
         var romanNumeral = "";
         var number_thousands = 0;
         for (var i = 0; i < roman_numeral.length; i++) {
            if (num == 0)
               break;
            while (num >= decimal_number[i]) {
               num -= decimal_number[i];
               romanNumeral += roman_numeral[i];
               if (roman_numeral[i] == 'M')
                  number_thousands++;
            }
         }
         return {
            number_thousands: number_thousands,
            romanNumeral: romanNumeral
         };
      }
      function decimal_to_roman() {
         const num = document.getElementById("decimal").value;
         // 3,888,888 is the longest number represented by Roman numerals
         if (num <= 0 || num > 3888888)
            return num;
         var romanNumeral = "";
         var roman1 = getRoman(num);
         // If the number is 4000 or greater
         if (roman1.number_thousands > 4) {
            var thous_string = "";
            var temp = roman1.number_thousands;
            while (temp > 0) {
               thous_string += "M";
               temp--;
            }
            var thousands1 = getRoman(roman1.number_thousands);
            var thousandBase = "<span style='border-top:1px solid #000'>" + thousands1.romanNumeral + "</span>";
            romanNumeral = roman1.romanNumeral.replace(thous_string, thousandBase);
         }
         else romanNumeral = roman1.romanNumeral;
            // return romanNumeral;
            Div1.innerHTML = romanNumeral;
		}
	</script>
</body>
</html>

使用 JavaScript，用户学会了如何将任何十进制数字转换为罗马数字。用户了解到，当数字超过特定范围时，罗马数字的表示方式会大不相同。在这种情况下，用户必须在基数上放置一个横线。

技术文章和资源

热门类别

如何使用 JavaScript 将十进制数转换为罗马数字?

语法

语法

算法

示例 1

示例 2

相关文章

颜色选择器

读后有收获微信请站长喝咖啡

错误报告

您的建议:

感谢您的帮助！