最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS如何使用正則表達式(match)截取括號中的文字和數(shù)字

 更新時間:2023年10月24日 10:23:04   作者:1024次日落  
正則表達式是一種用來匹配文本模式的工具,這篇文章主要給大家介紹了關于JS如何使用正則表達式(match)截取括號中文字和數(shù)字的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

引言

如題所示呢,大概需求就是將一串字符串中的指定內容截取,然后對截取的內容在做截取,小小的套娃一下,最后對得到的內容做相應的處理。類似于這樣:

這種需求聽起來很合(胡)理(扯),首先首先要截取字符串長度并沒有限制的,所以就不能去做固定位置截取,這里為了實現(xiàn)這個小小的需求,我借助了正則表達式及match方法相互配合。

思路:

  • 因為要截取的內容都處在括號內,故首先將括號中的內容提取出來
  • 然后在對截取內容做漢字和數(shù)字的分開提取
  • 最后按需求對數(shù)字進行轉換千克即可

步驟:

    (1)取出括號中的內容使用正則惰性匹配  大概寫法是 /\((.+?)\)/g

    (2)取數(shù)字,所有數(shù)字或小數(shù)都會取出 /\d+(.\d+)?/g 

    (3)取漢字,這里需要借助漢字編碼 /[\u4e00-\u9fa5]/g

代碼: 

 因為我是Vue項目使用了filter 如下: 

filters: {
			toNumber(val) {
				// 取出括號中的內容
				let res = val.match(/\((.+?)\)/g)
				let num = 0
				if (res) {
					res.forEach(ele => {
						let numEle = ele.match(/\d+(.\d+)?/g).toString() //取出數(shù)字
						let unitEle =  ele.match(/[\u4e00-\u9fa5]/g).join("")  // 取出漢字
						switch (unitEle){
							case '克':
								num += (numEle * 1) / 1000
								break;
							case '千克':
								num += numEle * 1
								break;
							case '噸':
								num = num + (numEle * 1) * 1000
								break;
							case '斤': 
								num += (numEle * 1) * 0.5
								break;
						}
					})
					return num+'千克'
				}else {
					return res
				}
		
			}
		},

總結

到此這篇關于JS如何使用正則表達式(match)截取括號中的文字和數(shù)字的文章就介紹到這了,更多相關JS正則match截取括號文字數(shù)字內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 詳解CocosCreator MVC架構

    詳解CocosCreator MVC架構

    這篇文章主要介紹了CocosCreator MVC架構,同學們在制作游戲過程中,盡量使用一些架構,會避免很多問題
    2021-04-04
  • js防抖函數(shù)和節(jié)流函數(shù)使用場景和實現(xiàn)區(qū)別示例分析

    js防抖函數(shù)和節(jié)流函數(shù)使用場景和實現(xiàn)區(qū)別示例分析

    這篇文章主要介紹了js防抖函數(shù)和節(jié)流函數(shù)使用場景和實現(xiàn)區(qū)別,結合實例形式詳細分析了js防抖函數(shù)和節(jié)流函數(shù)基本功能、定義、用法區(qū)別及操作注意事項,需要的朋友可以參考下
    2020-04-04
  • js實現(xiàn)自定義路由

    js實現(xiàn)自定義路由

    本文介紹了js實現(xiàn)自定義路由,主要是事件hashchange的使用,然后根據我們的業(yè)務需求封裝。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JS+Canvas繪制抽獎轉盤

    JS+Canvas繪制抽獎轉盤

    這篇文章主要為大家詳細介紹了JS+Canvas繪制抽獎轉盤,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 圖片自動更新(說明)

    圖片自動更新(說明)

    圖片自動更新(說明)...
    2006-10-10
  • js中this的指向問題歸納總結

    js中this的指向問題歸納總結

    最近發(fā)現(xiàn)在對JS的學習中有很多朋友對this的指向問題還是有很大的誤區(qū)或者說只是大致了解,但是一旦遇到復雜的情況就會因為this指向問題而引發(fā)各種bug。所以這篇文章主要給大家介紹了關于js中this的指向問題的相關資料,需要的朋友可以參考下
    2018-11-11
  • 關于Javascript加載執(zhí)行優(yōu)化的研究報告

    關于Javascript加載執(zhí)行優(yōu)化的研究報告

    這篇文章主要介紹了關于Javascript加載執(zhí)行優(yōu)化的研究報告,需要的朋友可以參考下
    2014-12-12
  • JS判斷是否在微信瀏覽器打開的簡單實例(推薦)

    JS判斷是否在微信瀏覽器打開的簡單實例(推薦)

    下面小編就為大家?guī)硪黄狫S判斷是否在微信瀏覽器打開的簡單實例(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • 基于HTML5+JS實現(xiàn)本地圖片裁剪并上傳功能

    基于HTML5+JS實現(xiàn)本地圖片裁剪并上傳功能

    這篇文章主要為大家詳細介紹了HTML5本地圖片裁剪并上傳的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • js正則表達式中test,exec,match方法的區(qū)別說明

    js正則表達式中test,exec,match方法的區(qū)別說明

    本篇文章主要是對js正則表達式中test,exec,match方法的區(qū)別進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01

最新評論

乌拉特后旗| 寿阳县| 手游| 农安县| 精河县| 波密县| 丽江市| 西华县| 天祝| 绥宁县| 万全县| 正阳县| 聂拉木县| 淅川县| 张掖市| 高邮市| 龙川县| 井冈山市| 五家渠市| 从化市| 德昌县| 邵阳县| 嘉定区| 娄烦县| 商洛市| 湟源县| 隆德县| 吴旗县| 罗江县| 佳木斯市| 银川市| 甘孜县| 新民市| 崇礼县| 忻城县| 津市市| 黄龙县| 固安县| 杭锦后旗| 资兴市| 永康市|