在js中,用戶點擊添加怎么才能讓文本每次加一呢?(中文的一,每次加一個)
我的頁面如下
我想點擊新增檢查項的時候,新增出來任務(wù)二
在點擊新增出來任務(wù)三
數(shù)字的我會,但是中文的我就不會了,
我用的框架是Vue.js,請大神賜教
聽描述要的是Number.prototype.toLocaleString()?不過目前沒在生產(chǎn)環(huán)境下用過這個。。。用的話也建議掛個polyfill以防萬一吧。
我的思路是將數(shù)字1和漢字一做成一一對應(yīng),然后用戶加1的時候看數(shù)值,之后將數(shù)值拆分,因為數(shù)值可能是十位百位或者千位,所以還得建一個['十','百','千']的數(shù)組,然后對數(shù)值取膜,這個有點煩···我封裝了一個函數(shù)但是還是有點缺陷
function smalltoBIG(n) {
var fraction = ['角', '分'];
var digit = ['零', '壹', '貳', '叁', '肆', '伍', '陸', '柒', '捌', '玖'];
var unit = [['元', '萬', '億'], ['', '拾', '佰', '仟']];
var head = n < 0 ? '欠' : '';
n = Math.abs(n);
var s = '';
for (var i = 0; i < fraction.length; i++) {
s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
}
s = s || '整';
n = Math.floor(n);
for (var j = 0; j < unit[0].length && n > 0; j++) {
var p = '';
for (var k = 0; k < unit[1].length && n > 0; k++) {
p = digit[n % 10] + unit[1][k] + p;
n = Math.floor(n / 10);
}
s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][j] + s;
}
return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');
}
console.log(smalltoBIG(1234.4));
<span>任務(wù){(diào){index | indexFilter}}</span>
index
表示任務(wù)序號,數(shù)據(jù)類型為Number
indexFilter (num) {
num = num.toLocaleString('zh-u-nu-hanidec').replace(/[,]/g, '')
let temp = [...num]
let maxlength = temp.length
let str = ''
for (let v of Object.values(temp)) {
let unit
switch (maxlength) {
case 1:
unit = ''
break
case 2:
unit = '十'
break
case 3:
unit = '百'
break
case 4:
unit = '千'
break
}
str += `${v === '一' && maxlength === 2 ? '' : v}${unit}`
maxlength--
}
console.log(str)
return str
}
控制臺打印結(jié)果即為中文,參考了樓上使用了Number.toLocaleString()
的方法轉(zhuǎn)換成中文,我這個過濾器只過濾到千位,并且沒有過濾小數(shù)點,請題主參考邏輯后自行修改
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。