【JavaScript】面向对象之RegExg类型

Integ 发布于2019-08-26 12:18 / 1077人阅读

摘要：类型概述正则表达式是什么由一些普通字符和特殊字符组成，描述一种特定字符规则表达式常用在一段文本中搜索，匹配或替换特定形式文本，词语出现频率统计，验证字符串是否符合邮箱格式，屏蔽一幅帖子中限制性词语等等创建正则表达式参数为模式，可以是任何简单

JS(JavaScript)
RegExp类型；
1.概述；

正则表达式是什么

由一些普通字符和特殊字符组成，描述一种特定字符规则表达式
常用在一段文本中搜索，匹配或替换特定形式文本，词语出现频率统计，验证字符串是否符合邮箱格式，屏蔽一幅帖子中限制性词语等等

创建正则表达式

pattem参数为模式，可以是任何简单或复杂正则表达式，包含字符类，限定符，分组，向前查找以及反响引用
attributes参数被称为修饰符，用于表示正则表达式行为
2.符号；

字符类

直接量字符多带带放在中括号里组成字符类
一个字符类可以匹配它所包含任意字符

var str = "qyc";

var reg = /[0123456789]/;

var reg = /[d]/;

var reg = /[0-9]/;

var reg = /[a-zA-Z]/;

var result = reg.test(str);
console.log(result);

重复

用来描述任意多个数字，或描述由三个字母构成字符串
以{n,m}匹配前面的字符至少n次或m次
以{n}匹配前面字符至少n次
以{m}匹配前面字符至少m次

var str = "qian123ying4chun";
var reg = /[0-9]{3,5}/;

/*{n,m}-表示字符中任意字符出现的次数
* n-表示至少出现n次(包含n次)
* m-表示至多出现m次(包含m次)
* 注意- 出现的次数必须是连续
*/
var result = reg.test(str);
console.log(result);


/[0-9a-zA-Z]{6,16}/
// 长度为6-16位的数字或字母

指定匹配位置

多个元素才能匹配字符串的一个字符
(^)匹配输入开始，如多行表示被设置true,同时会匹配换行后的字符
($)匹配输入开始，如多行表示被设置true，同时会匹配换行前的字符

var str = "12a45";
var reg = /^[0-9]{3，5}$/;
//
var result = reg.test(str);
console.log(result);

// 长度为6-16位的数字或字母
/^[0-9a-zA-Z]{6,16}$/

修饰符

该修饰符会放在“/”符号后面
i-不区分大小写搜索
g-全局搜索
m-多行搜索

var str = "qianyingchun";
var reg = /^"[A-Z]{8,16}$/i;
var result = reg.test(str);
console.log(result);

GPU云服务器云服务器 javascript 面向对象 javascript面向对象 javascript面向对象编程 javascript面向对象编程指南

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108464.html

面试官问：能否模拟实现JS的new操作符

摘要：接下来继续看升级版例子例子轩辕轩辕轩辕是浏览器实现的查看原型方案。模拟实现知道了这些现象，我们就可以模拟实现操作符。前言用过Vuejs的同学都知道，需要用new操作符来实例化。 new Vue({ el: #app, mounted(){}, }); 那么面试官可能会问是否想过new到底做了什么，怎么模拟实现呢。附上之前写文章写过的一段话：已经有很多模拟实现new...

shenhualong 2019-08-23 12:48 评论0 收藏0
面试官问：能否模拟实现JS的bind方法

摘要：点击那么面试官可能会问是否想过到底做了什么，怎么模拟实现呢。另外前不久写过一篇文章面试官问能否模拟实现的操作符。所以相当于调用时，的返回值函数内部要模拟实现实现的操作。文章中的例子和测试代码放在中模拟实现。前言用过React的同学都知道，经常会使用bind来绑定this。 import React, { Component } from react; class TodoItem ...

Julylovin 2019-08-26 13:25 评论0 收藏0
面试官问：JS的继承

摘要：用过的读者知道，经常用继承。部分源码使用点击这里查看源码面试官可以顺着这个问继承的相关问题，比如的继承用如何实现。主要就是三点子类构造函数的指向父类构造器，继承父类的静态方法子类构造函数的的指向父类构造器的，继承父类的方法。用过React的读者知道，经常用extends继承React.Component。 // 部分源码 function Component(props, conte...

stonezhu 2019-08-23 15:20 评论0 收藏0
「中高级前端面试」JavaScript手写代码无敌秘籍

摘要：第一种直接调用避免在不必要的情况下使用，是一个危险的函数，他执行的代码拥有着执行者的权利。来自于此外，实现需要考虑实例化后对原型链的影响。函数柯里化的主要作用和特点就是参数复用提前返回和延迟执行。手写路径导航实现一个new操作符实现一个JSON.stringify 实现一个JSON.parse 实现一个call或 apply 实现一个Function.bind 实现一个继承实现一个J...

Zhuxy 2019-05-23 16:26 评论0 收藏0
面向对象的JavaScript之继承(一) 类式继承

摘要：那你们肯定会问为什么共用，而没有共用呢，下面就给你解释，请看引用类型是共用的值类型是私用的。引言面向对象的编程语言都具继承这一机制,而 JavaScript 是基于原型(Prototype)面向对象程序设计,所以它的实现方式也是基于原型(Prototype)实现的. 继承的方式类式继承构造函数继承组合继承原型式继承寄生式继承寄生组合式继承 1.类式继承 //声明父...

forsigner 2019-08-20 14:21 评论0 收藏0