使用JavaScript生成罗马字符的实例代码

 更新时间:2018年06月08日 11:18:00   作者:starkwang  
这篇文章主要介绍了使用JavaScript生成罗马字符的实例代码,需要的朋友可以参考下

生成罗马数字

这样生成有问题,到了 12 之后就不规律了

roman() {
 return new Array(30).fill('Ⅰ').map((lastLetter, i) => {
  return String.fromCharCode(lastLetter.charCodeAt(0) + i)
 })
}

下面这个正确的姿势

var data = {
  ↈ: 100000,
  ↂↈ: 90000,
  ↇ: 50000,
  ↂↇ: 40000,
  ↂ: 10000,
  Ⅿↂ: 9000,
  ↁ: 5000,
  Ⅿↁ: 4000,
  Ⅿ: 1000,
  ⅭⅯ: 900,
  Ⅾ: 500,
  ⅭⅮ: 400,
  Ⅽ: 100,
  ⅩⅭ: 90,
  Ⅼ: 50,
  ⅩⅬ: 40,
  Ⅹ: 10,
  Ⅸ: 9,
  Ⅷ: 8,
  Ⅶ: 7,
  Ⅵ: 6,
  Ⅴ: 5,
  Ⅳ: 4,
  Ⅲ: 3,
  Ⅱ: 2,
  Ⅰ: 1
 } 
function g(num){
 var roman = ''
 if(num > 30000) return false
 var arr = []
 for (i in data) {
  while (num >= data[i]) {
   roman += i;
   num -= data[i];
  }
 }
 return roman
}
let arr = []
for (let index = 1; index < 26; index++) {
 arr.push(g(index))
}
console.log(arr)

手工

export function getRomanNumber() {
 return [
  'Ⅰ', 'Ⅱ', 'Ⅲ', 'Ⅳ', 'Ⅴ', 'Ⅵ', 'Ⅶ', 'Ⅷ', 'Ⅸ', 'Ⅹ',
  'ⅩⅠ', 'ⅩⅡ', 'ⅩⅢ', 'ⅩⅣ', 'ⅩⅤ', 'ⅩⅥ', 'ⅩⅦ', 'ⅩⅧ', 'ⅩⅨ', 'ⅩⅩ',
  'ⅩⅩⅠ', 'ⅩⅩⅡ', 'ⅩⅩⅢ', 'ⅩⅩⅣ', 'ⅩⅩⅤ', 'ⅩⅩⅥ'
 ]
}

总结

以上所述是小编给大家介绍的使用JavaScript生成罗马字符,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript数据类型及相互间的转换规则

    JavaScript数据类型及相互间的转换规则

    这篇文章主要介绍了JavaScript数据类型及相互间的转换规则,文章通过围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • JS ES6多行字符串与连接字符串的表示方法

    JS ES6多行字符串与连接字符串的表示方法

    这篇文章主要介绍了JS ES6多行字符串与连接字符串的表示方法,结合具体实例形式对比分析了ES6中的多行字符串与连接字符串的表示方法与相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • 微信小程序模板和模块化用法实例分析

    微信小程序模板和模块化用法实例分析

    这篇文章主要介绍了微信小程序模板和模块化用法,结合实例形式分析了微信小程序中的模板与模块化概念与简单使用技巧,需要的朋友可以参考下
    2017-11-11
  • webapi根据id获取元素的实现思路

    webapi根据id获取元素的实现思路

    掌握document.getElementById() 根据id获取元素,在页面画出一个宽200 高200 粉色的盒子, 在控制台打印这个盒子,接到这样的需求如何处理呢,下面小编给大家分享webapi根据id获取元素的实现思路,感兴趣的朋友一起看看吧
    2024-02-02
  • 前端echarts加标记点及标记线和提示框详细代码示例

    前端echarts加标记点及标记线和提示框详细代码示例

    ECharts中的标记线是一条平行于x轴的水平线,有最大值、最小值、平均值等数据的标记线,它也是在series字段下进行配置的,下面这篇文章主要给大家介绍了关于前端echarts加标记点及标记线和提示框的相关资料,需要的朋友可以参考下
    2024-06-06
  • 微信小程序实现接收验证码

    微信小程序实现接收验证码

    这篇文章主要为大家详细介绍了微信小程序实现接收验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • JS简单生成两个数字之间随机数的方法

    JS简单生成两个数字之间随机数的方法

    这篇文章主要介绍了JS简单生成两个数字之间随机数的方法,涉及javascript数值运算的相关技巧,需要的朋友可以参考下
    2016-08-08
  • JavaScript获取URL参数的方法分享

    JavaScript获取URL参数的方法分享

    这篇文章主要介绍了JavaScript获取URL参数的方法分享,主要包括字符串 split 方法、 URLSearchParams 方法、正则匹配方法等,具有一定的参考价值需要的小伙伴可以参考一下
    2022-04-04
  • 微信小程序虚拟列表的实现示例

    微信小程序虚拟列表的实现示例

    大部分小程序都会有这样的需求,页面有长列表,需要下拉到底时请求后台数据,一直渲染数据,当数据列表长时,会发现明显的卡顿,页面白屏闪顿现象,那么如何实现小程序虚拟列表,感兴趣的可以了解一下
    2021-07-07
  • 深入浅析js原型链和vue构造函数

    深入浅析js原型链和vue构造函数

    这篇文章主要介绍了js原型链和vue构造函数的相关知识,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-10-10

最新评论