使用JavaScript生成羅馬字符的實例代碼

更新時間：2018年06月08日 11:18:00 作者：starkwang

這篇文章主要介紹了使用JavaScript生成羅馬字符的實例代碼,需要的朋友可以參考下

生成羅馬數(shù)字

這樣生成有問題，到了 12 之后就不規(guī)律了

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 [
  'Ⅰ', 'Ⅱ', 'Ⅲ', 'Ⅳ', 'Ⅴ', 'Ⅵ', 'Ⅶ', 'Ⅷ', 'Ⅸ', 'Ⅹ',
  'ⅩⅠ', 'ⅩⅡ', 'ⅩⅢ', 'ⅩⅣ', 'ⅩⅤ', 'ⅩⅥ', 'ⅩⅦ', 'ⅩⅧ', 'ⅩⅨ', 'ⅩⅩ',
  'ⅩⅩⅠ', 'ⅩⅩⅡ', 'ⅩⅩⅢ', 'ⅩⅩⅣ', 'ⅩⅩⅤ', 'ⅩⅩⅥ'
 ]
}

總結(jié)

以上所述是小編給大家介紹的使用JavaScript生成羅馬字符，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

JavaScript數(shù)據(jù)類型及相互間的轉(zhuǎn)換規(guī)則
這篇文章主要介紹了JavaScript數(shù)據(jù)類型及相互間的轉(zhuǎn)換規(guī)則，文章通過圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-09-09
JS ES6多行字符串與連接字符串的表示方法
這篇文章主要介紹了JS ES6多行字符串與連接字符串的表示方法,結(jié)合具體實例形式對比分析了ES6中的多行字符串與連接字符串的表示方法與相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
微信小程序模板和模塊化用法實例分析
這篇文章主要介紹了微信小程序模板和模塊化用法,結(jié)合實例形式分析了微信小程序中的模板與模塊化概念與簡單使用技巧,需要的朋友可以參考下
2017-11-11
webapi根據(jù)id獲取元素的實現(xiàn)思路
掌握document.getElementById() 根據(jù)id獲取元素,在頁面畫出一個寬200 高200 粉色的盒子, 在控制臺打印這個盒子,接到這樣的需求如何處理呢,下面小編給大家分享webapi根據(jù)id獲取元素的實現(xiàn)思路,感興趣的朋友一起看看吧
2024-02-02
前端echarts加標(biāo)記點及標(biāo)記線和提示框詳細(xì)代碼示例
ECharts中的標(biāo)記線是一條平行于x軸的水平線,有最大值、最小值、平均值等數(shù)據(jù)的標(biāo)記線,它也是在series字段下進(jìn)行配置的,下面這篇文章主要給大家介紹了關(guān)于前端echarts加標(biāo)記點及標(biāo)記線和提示框的相關(guān)資料,需要的朋友可以參考下
2024-06-06
微信小程序?qū)崿F(xiàn)接收驗證碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
JS簡單生成兩個數(shù)字之間隨機(jī)數(shù)的方法
這篇文章主要介紹了JS簡單生成兩個數(shù)字之間隨機(jī)數(shù)的方法,涉及javascript數(shù)值運算的相關(guān)技巧,需要的朋友可以參考下
2016-08-08
JavaScript獲取URL參數(shù)的方法分享
這篇文章主要介紹了JavaScript獲取URL參數(shù)的方法分享，主要包括字符串?split?方法、?URLSearchParams?方法、正則匹配方法等，具有一定的參考價值需要的小伙伴可以參考一下
2022-04-04
微信小程序虛擬列表的實現(xiàn)示例
大部分小程序都會有這樣的需求，頁面有長列表，需要下拉到底時請求后臺數(shù)據(jù)，一直渲染數(shù)據(jù)，當(dāng)數(shù)據(jù)列表長時，會發(fā)現(xiàn)明顯的卡頓，頁面白屏閃頓現(xiàn)象，那么如何實現(xiàn)小程序虛擬列表，感興趣的可以了解一下
2021-07-07
深入淺析js原型鏈和vue構(gòu)造函數(shù)
這篇文章主要介紹了js原型鏈和vue構(gòu)造函數(shù)的相關(guān)知識，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2018-10-10