先看代碼，復(fù)制使用即可。這是一個比較常用的場景，漢字視為2個字符，字母和數(shù)字等視為一個字符，繁體漢字視為三個字符。

如您滿意請給莫成塵點個star

這是一個具名函數(shù)

function getByteLength(str = '') {let len = 0;for (let i = 0; i < str.length; i++) {if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {len += 2;} else {len++;}}return len;}console.log(getByteLength('漢字漢字123')) //11

當(dāng)然也可以改為箭頭函數(shù)并搭配elementui使用

（如果您單獨使用需要您自己抽離代碼）使用MessageBox 彈框組件

this.$prompt('這是標(biāo)題', {confirmButtonText: '確定',cancelButtonText: '取消',inputPlaceholder: '輸入不大于10個字符',//input框的提示inputErrorMessage: '字符數(shù)量錯誤或超出限制',//大于10個字符警告inputValidator: (value) => {let len = 0for (let i = 0; i < value.length; i++) {if (value.charCodeAt(i) > 127 || value.charCodeAt(i) == 94) {len += 2} else {len++}}if (len > 10) {return '字符數(shù)量錯誤或超出限制'} else if (/\s/.test(value)) { //不允許輸入空格return '標(biāo)題中不允許出現(xiàn)空格'}return true}}).then(({ value }) => {if (value) { //處理value 就是您輸入的值} else { //實際沒什么用this.$notify({title: '失敗',message: '請輸入名稱',type: 'error'})}}).catch(() => { //取消操作觸發(fā)的事件this.$message({type: 'info',message: '取消輸入'})})

其他有關(guān)問題可留言。

總結(jié)

以上是生活随笔為你收集整理的用js判断字符串的字节长度（区分汉字和英文）@莫成尘的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。