js进阶js中支持正则的四个常用字符串函数（search march replace split）

最新推荐文章于 2021-08-03 16:15:26 发布
最新推荐文章于 2021-08-03 16:15:26 发布
阅读量118 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/Renyi-Fan/p/9074837.html
版权

js进阶js中支持正则的四个常用字符串函数（search march replace split）

一、总结

代码中详细四个函数的用法

search march replace split

 

二、js进阶js中支持正则的四个常用字符串函数

正则表达式

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

正则表达式简洁且功能强大，通常用来匹配字符串，比如在表单验证中检验用户输入是否合法。它并不仅仅在JavaScript中可以使用，众多的高级编程语言都支持正则表达式。

接下来我们通过一个简单是实例来体会正则表达式的用法。

准备工作

复习学过的字符串常用操作方法
  • search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

    该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。

  • match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

    该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

  • replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
  • split() 方法用于把一个字符串分割成字符串数组。

 

三、代码

  1 <!DOCTYPE html>
  2 <html lang="zh-cn">
  3 <head>
  4   <meta charset="utf-8">
  5   <title>课堂演示</title>
  6 </head>
  7 <body>
  8   <script type="text/javascript">
  9       var str="HTML5 javascript CSS JOSN";
 10       document.write('<li>'+str.search('j')+'<br>' //返回的是位置
 11       +'<li>'+str.search('k')+'<br>'  //找不到会返回-1
 12       +'<li>'+str.match('CSS')+'<br>' //返回的是值不是位置
 13       +'<li>'+str.match('VVV')+'<br>' //没有会返回null
 14       +'<li>'+str.replace('javascript','JS')
 15       //返回替换后的字符串
 16       +'<li>'+str.split(" ",3) //以空格分隔，第二个参数是返回数组中的元素的个数
 17       )  
 18   </script>
 19 </body>
 20 </html>

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/9074837.html

weixin_34124939
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Practice-JS-March:Javascript实践
03-26
Practice-JS-March:Javascript实践
关于JS字符串函数String.replace()
12-10
替换匹配给定正则表达式的(一个或多个)子串 string.replace(regexp, replacement) 参数： regexp: RegExp对象或者字符串 replacement： 替换文本的字符串，或者一个函数，用于在调用时生成对应的替换文本。 返回：...
JS中的正则表达式
qq_37937326的博客
06-06 149
js中的正则表达式 方法： test() 检查所匹配字符串是否符合规则 march() 匹配字符串，并以数组形式返回 replace（）替代所匹配字符串中的元素 格式 /匹配规则/ 后跟i 为忽略大小写 跟g是全局匹配 匹配规则： [] 括号内任意字符匹配 + 加号前若干字符匹配 ^行首 $行尾 . 任意字符进行匹配 {n} 正好出现n次 \d{8 {n,m} 最少几位 最多几位 {n,*} 不推荐用 ？前可有可无 [^]除了括号了里的其他都进行匹配 \s 空白字符 \S 除了空白字符 \w [A-Z
JavaScript正则表达式总结
迷麟的博客
04-26 139
正则表达式又称表达式，正则表达式用于定义一些字符串的规则，计算机可以根据正则表达，来检查一个字符是否符合规则，可以将字符中符合规则的内容提取出来。 语法： var 变量=new RegExp（“正则表达式”，“匹配模式”）；正则表达式的方法：test():使用这个方法可以用来检查一个字符串中是否符合正则表达式的规则。如果符合则返回true，否则返回false； 匹配模式：在构造函数中可以传递一个匹...
正则表达式函数之match、test、exec、search、split、replace使用详解
链珠的博客
01-21 384
// 1. Match函数 // 原型：stringObj.match(regExp) // 原型：stringObj.match(regExp) // 返回值：如果没有使用g(全局匹配)选项，则返回第一个匹配的字符串、该字符串所在位置及原始字符串组成的数组， // 如果使用g选项，则返回所有匹配的字符串组成的数组 var str = "aaabbbcccaaabbbccc"; var reg = str.match(/aaa/) var reg2 = str.match...
js的match 方法
weixin_42367621的博客
06-02 5135
match 方法使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。stringObj.match(rgExp)参数stringObj必选项。对其进行查找的 String 对象或字符串文字。rgExp必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。说明如果 match 方法没有找到匹配，返回 null。如果找到匹配返...
JS利用正则配合replace替换指定字符
01-19
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 语法 stringObject.replace(regexp,replacement) 参数　描述 regexp　必需。规定了要替换的模式的 RegExp 对象。请...
JS正则截取两个字符串之间及字符串前后内容的方法
10-20
主要介绍了JS正则截取两个字符串之间及字符串前后内容的方法,结合实例形式简单分析了JS正则截取字符串操作的常用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript基于replace+正则实现ES6的字符串模版功能
01-21
本文实例讲述了JavaScript基于replace+正则实现ES6的字符串模版功能。分享给大家供大家参考，具体如下： 采用拼接字符串的形式，将 JSON 数据嵌入 HTML 中。开始时代码量较少，暂时还可以接受。但当页面结构复杂起来...
JS match() 方法 使用
weixin_34120274的博客
09-13 277
javascript中的match函数是使用正则表达式对字符串进行查找，并将查找的结果作为数组返回,在实际开发中非常的有用,使用方法如下： stringObj.match(rgExp) 其中stringObj是必选项。对其进行查找的 String 对象或字符串文字。 rgExp是必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。 ...
小肩膀 正则表达式
weixin_34370347的博客
04-24 475
量词 d+ aaddsfwfjihvucdddd321ddd 匹配d+ dd dddd d* 0个或多个 d？ 0个或1个 d. 匹配任何字符(除换行) d{4}=dddd d{2,4}=dd--ddd-dddd d{2,}=两个和连个以上 ^d$ 行首 行尾 a|b 或的意思 () 括号里是整体的 [cdy] c或d或...
JS使用字符串函数进行正则表达式
JineD的博客
06-14 9388
1. 使用match方法 myString . match ( re ) 参数re是一个RegExp对象，也可以是包含正则表达式模式和可用标志的变量名或字符串文字。 如果match方法没有找到匹配，返回null；如果找到匹配返回一个数组并且更新RegExp对象的属性以反映匹配结果。 match方法返回的数组也包含两个属性: input、index，并可以使用数组元素访问运算符及保存结果。 如果没有设置全局标志（g），数组的0索引元素包含整个匹配，而第1~...
正则表达式
w1lgy的博客
10-11 746
正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。一、定义有两种方式定义正则表达式； 1、用两个斜杠把正则表示式的内容包起来然后赋值给变量： var re=/a/;//表示包含a的字符 2、new 一个RegExp对象，把正则表达式用引号包起来作为参数传给RegExp对象； var re=new RegExp('a');二、匹配正则表达式通过test方法匹配字符串是否符合规则，如
字符串方法 split/search/match/replace + 正则
wsyyyyyyy的博客
08-03 157
目录 split replace match search 正则化 split str.split (separator, number) 的参数： separator 返回的字串不包括separator自身，可以是字符串string，或者正则化表达式；如果字符串中不存在separator，就返回原字串组成的数组； number (≥0 可选) 用于指定返回数组的最大长度，如果分割结果的长度大于number ，就只返回前n个字串组成的数组。 replace str.re...
正则表达式中re.match、re.search、re.findall的用法和区别
weixin_39383896的博客
08-18 7922
正则表达式中re.match、re.search、re.findall的用法和区别 re.match 用法 re.match语法：re.match(pattern,string,flags=0) pattern:表示正则表达式 string：要匹配的字符 flags：控制匹配的方式 **re.match匹配方式：**从字符起始位置匹配，若起始位置匹配不成功返回none。即只匹配起始位置 impor...
怎么在vue2项目中使用vue-chartjs
最新发布
05-23
要在Vue2项目中使用vue-chartjs，需要先安装以下依赖： ```bash npm install vue-chartjs chart.js ``` 然后在需要使用图表的组件中，引入vue-chartjs并注册组件： ```javascript import { Line } from 'vue-chartjs' export default { extends: Line, mounted () { this.renderChart({ labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], datasets: [ { label: 'Data One', backgroundColor: '#f87979', data: [40, 39, 10, 40, 39, 80, 40] } ] }, {responsive: true, maintainAspectRatio: false}) } } ``` 这里用Line为例，如果需要使用其他类型的图表，只需要替换掉对应的组件名即可。在mounted函数中，我们可以通过调用`this.renderChart`方法来渲染图表，传入的第一个参数是图表的数据，第二个参数是配置项。 当然，你也可以在组件中定义自己的数据和配置项，然后在mounted函数中调用`this.renderChart`方法来渲染图表，例如： ```javascript import { Line } from 'vue-chartjs' export default { extends: Line, data () { return { chartData: { labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], datasets: [ { label: 'Data One', backgroundColor: '#f87979', data: [40, 39, 10, 40, 39, 80, 40] } ] }, chartOptions: { responsive: true, maintainAspectRatio: false } } }, mounted () { this.renderChart(this.chartData, this.chartOptions) } } ``` 这里我们将图表的数据和配置项定义在了组件的data中。 最后，在需要使用该组件的地方，直接引入即可： ```html <template> <div> <my-chart></my-chart> </div> </template> <script> import MyChart from './MyChart.vue' export default { components: { MyChart } } </script> ``` 这样就可以在Vue2项目中使用vue-chartjs了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值