JavaScript基础回顾知识点记录4-正则表达式篇(介绍基本使用)
- js 中 正则表达式使用
- 创建正则对象和test方法使用
/*
创建正则表达式的对象
语法: var 变量 = new RegExp("正则表达式","匹配模式") 或者 var 变量 = /正则表达式/
匹配模式: i:忽略大小写 。 g:全局匹配模式
*/
//var reg = new RegExp("a","i");
var reg = /a/i;
var str = "1A2d3f4g6h8"; // 正则表达式的方法: test() : 检查字符串是否符合正则表达式规则,符合返回true,否则返回false
console.log(reg.test(str)); //输出true
- 字符串和正则的相关方法
// split() 支持正则表达式匹配拆分字符串。该方法默认会走全局匹配。
var res = str.split(/[A-z]/);
console.log(res); //输出["1", "2", "3", "4", "6", "8"] // search() 搜索字符串中是否有指定内容,不能全局匹配,只能搜索第一个符合条件的位置
var str1 = "hello abc hello aec";
var res2 = str1.search(/a[be]c/);
console.log(res2); //输出6( 第一个匹配的abc的位置) /*
match() 根据正则表达式,从一个字符串中将符合条件的内容提取出来。
match默认只会找到第一个符合要求的内容,需要检索全部需要改为全局匹配模式,且可以设置多个匹配模式
匹配到的内容封装到数组中保存
*/
var str2 = "1a2b3c4d5e6f7C";
var res3 = str2.match(/[A-z]/gi); // gi表示全局匹配且不区分带小写
console.log(res3); //输出["a", "b", "c", "d", "e", "f", "C"] /*
replace() 将字符串指定内容替换成新的内容,默认只会替换第一个
第一个参数表示: 被替换的内容,可以用正则表达式
第二个参数表示: 新的内容(替换为""的话,就是删除匹配的元素)
*/
var str3 = "1a2a3a4a5a";
var res4 = str3.replace("a","@@@");
var res5 = str3.replace(/a/gi,"@@@");
var res6 = str3.replace(/a/gi,"");
console.log(res4); //输出1@@@2a3a4a5a
console.log(res5); //输出1@@@2@@@3@@@4@@@5@@@
console.log(res6); //12345
- 正则语法记录
- {n} 表示出现n次;{m,n} 出现m-n次;{m,} m次以上;表示至少一次
- *表示0个或多个;?表示0个或1个
- ^表示开头;$表示结尾
- .表示任意字符
- \表示转义字符;比如查询是否含有. 则写为 /\./
- 构造函数定义正则使用转义字符\ 需要注意:var reg = new RegExp("\\.","i"); 等价于 var reg = /\./;
- 其他语法不多讲,有需要可以去翻手册
- 小练习:检测手机号码合法性
/*
检查手机号是否合法:1开头,第二位3-9任意数,三位之后任意数9个
*/
var phone = "13583404829";
var reg2 = /^1[3-9][0-9]{9}$/;
console.log(reg2.test(phone)); //输出true
- 创建正则对象和test方法使用
JavaScript基础回顾知识点记录4-正则表达式篇(介绍基本使用)的更多相关文章
- JavaScript基础回顾知识点记录6-操作元素样式和事件对象(介绍基本使用)
js 中 操作元素样式 通过js修改元素内联样式(设置和读取的都是内联样式) 获取当前元素显示的样式 <html> <head> <meta charset=" ...
- JavaScript基础回顾知识点记录2
js 使用嵌套for循环输出三角形 for(var i=0; i<5; i++){ //正三角 // for(var j=0; j<i+1; j++){ // document.write ...
- JavaScript基础回顾知识点记录3
js 中 垃圾回收 //将不在使用的对象设置为null , js就会自动进行垃圾回收机制 var obj = {}; obj = null; js 中 数组基本介绍 数组也是一个对象 与普通对象功能类 ...
- JavaScript基础回顾知识点记录1
js执行顺序为从上往下执行 js中有6种数据类型 基本数据类型为: String Number Boolean Null Undefined 引用数据类型为: Object 使用typeof 查看对象 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- JavaScript基础插曲—元素样式,正则表达式,全局模式,提取数组
JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...
随机推荐
- 【clickhouse专栏】clickhouse性能为何如此卓越
在<clickhouse专栏>上一篇文章中<数据库.数据仓库之间的区别与联系>,我们介绍了什么是数据库,什么是数据仓库,二者的区别联系.clickhouse的定位是" ...
- JavaScript Number -> String
六种将Number类型转化为String类型的方法: 方法一:通过+运算符加上一个空字符串: eg:'' + 5 -> '5' 5 + '' -> '5' 方法二:toStrin ...
- 【Openxml】颜色变化属性计算
Openxml的颜色变化属性 目前Openxml存在颜色变化属性如下: 参数 说明 Hue 色调(色相) HueModulate 色调调制,百分比 HueOffset 色调偏移量,角度值 Satura ...
- TypeScript(3)基础类型
基础类型 TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用. 布尔值 最基本的数据类型就是简单的true/false值,在JavaScri ...
- 一文带你搞懂 JWT 常见概念 & 优缺点
在 JWT 基本概念详解这篇文章中,我介绍了: 什么是 JWT? JWT 由哪些部分组成? 如何基于 JWT 进行身份验证? JWT 如何防止 Token 被篡改? 如何加强 JWT 的安全性? 这篇 ...
- js 表面使用 表面学习 -输出
JavaScript 能够以不同方式"显示"数据: 使用 window.alert() 写入警告框 使用 document.write() 写入 HTML 输出 使用 innerH ...
- Python音频处理基础知识,这不是轻轻松松~~~
大家好鸭,我是小熊猫 咱今天来讲一讲音频处理的基础知识上才艺~~~ 1.声音的基础 2.python读取.wav音频 欢迎加入白嫖Q群:660193417### import wave import ...
- Python爬取某短视频热点
写在前面的一些话: 随着短视频的大火,不仅可以给人们带来娱乐,还有热点新闻时事以及各种知识,刷短视频也逐渐成为了日常生活的一部分.本文以一个简单的小例子,简述如何通过Pyhton依托Selenium来 ...
- NC20241 [SCOI2005]扫雷MINE
NC20241 [SCOI2005]扫雷MINE 题目 题目描述 相信大家都玩过扫雷的游戏.那是在一个 \(n \times m\) 的矩阵里面有一些雷,要你根据一些信息找出雷来. 万圣节到了 ,&q ...
- 深度学习基础-基于Numpy的感知机Perception构建和训练
1. 感知机模型 感知机Perception是一个线性的分类器,其只适用于线性可分的数据. f(x) = sign(w.x + b) 其试图在所有线性可分超平面构成的假设空间中找 ...