58正则、字符串和数组方法汇总

最新推荐文章于 2023-12-19 19:08:33 发布
最新推荐文章于 2023-12-19 19:08:33 发布
阅读量190 收藏
点赞数
原文链接：http://www.cnblogs.com/gushixianqiancheng/p/10966978.html
版权
本文深入解析JavaScript中的正则表达式使用方法，包括test、exec与match等，同时详述了常见字符串和数组操作，如charAt、subString、push、pop及reduce等高级函数的应用技巧。
摘要由CSDN通过智能技术生成 
一、正则方法：
1、test
```javascript:run
var replaceBefore='程序员：123';
var reg=/\d/;
var replaceAfter=reg.test(replaceBefore);
console.log(replaceAfter);
```
2、exec：（1）加g，情形如下
```javascript:run
var reg=/(\d)A(\d)/g;
var replaceBefore="000002223A45556A7888";
var replaceAfter;
replaceAfter=reg.exec(replaceBefore);
console.log("第1次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
 /*以下第2次执行*/
replaceAfter=reg.exec(replaceBefore);
console.log("第2次执行时的返回值"+replaceAfter+"即：大正则第2次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
```
（2）不加g，情形如下
```javascript:run
var reg=/(\d)A(\d)/;
var replaceBefore="000002223A45556A7888";
var replaceAfter;
replaceAfter=reg.exec(replaceBefore);
console.log("第1次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
 /*以下第2次执行*/
replaceAfter=reg.exec(replaceBefore);
console.log("第2次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
```
附：正则匹配实例
```javascript:run
var str="<img src=' ' alt='your钱money成'/>";
var first=str.match(/alt='(.+)'/);
var second=/alt='(.+)'/.exec(str);
console.log(first[1]);
console.log(second[1]);
/* \w：只匹配数字、字母、下划线
 \W：匹配所有不被\w匹配的字符
 .：匹配换行符之外的所有字符 */
```
二、字符串方法：
1、charAt：通过索引获取字符，不存在时，返回空字符串
2、subString:截取字符串（1）没有参数时，返回整个字符串（2）一个参数时，返回返回参数到末尾的字符串（3）两个参数时（m,n）,返回索引m到索引n,不包括n；原字符串不变
3、subStr:截取字符串（1）没有参数时，返回整个字符串（2）一个参数时，返回返回参数到末尾的字符串（3）两个参数时（m,n）,返回从索引m开始的n个字符；原字符串不变
4、slice：复制字符串（1）没有参数时或参数是0时，返回整个字符串（2）一个参数时，返回返回参数到末尾的字符串（3）两个参数时（m,n）,返回从索引m到索引n,不包括n
5、indexof：返回字符在字符串中首次出现的位置索引，没出现返回-1
6、split：把字符串按照指定的分隔符拆分成数组
7、match：（1）加g，情形如下
```javascript:run
var reg=/(\d)A(\d)/g;
var replaceBefore="000002223A45556A7888";
var replaceAfter;
replaceAfter=replaceBefore.match(reg);
 console.log("第1次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，大正则第2次匹配到的内容");
 /*以下第2次执行*/
replaceAfter=replaceBefore.match(reg);
console.log("第2次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，大正则第2次匹配到的内容");
```
（2）不加g，情形如下
```javascript:run
var reg=/(\d)A(\d)/;
var replaceBefore="000002223A45556A7888";
var replaceAfter;
replaceAfter=replaceBefore.match(reg);
 console.log("第1次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
 /*以下第2次执行*/
replaceAfter=replaceBefore.match(reg);
console.log("第2次执行时的返回值"+replaceAfter+"即：大正则第1次匹配到的内容，第1个小正则匹配到的内容，第2个小正则匹配到的内容");
```
8、replace：
两个字符串做参数时，旧字符串(第一个参数)被新字符串(第二个参数)取代；
```javascript:run
var replaceBefore='AAACCCAAAA';
var replaceAfter=replaceBefore.replace("AA","E");
console.log(replaceAfter);
```
正则和回调函数作参数时，
（1）加g，情形如下
```javascript:run
var reg=/(\d)(\d)(\d)(\d)(\d)(\d)(\d)(\d)/g;
var replaceBefore='AAA12345678BBB87654321234CCC';
var i=0;
var replaceAfter=replaceBefore.replace(reg,function(totalRegexp,A1,A2,A3,A4,A5,A6,A7,A8,firstIndex,totalString){
    i=i+1;
    console.log('"'+totalRegexp+'"是被大正则第'+i+'次匹配到的内容');
    console.log('"'+A1+'"是被第1个小正则匹配上的内容');
    console.log('"'+A2+'"是被第2个小正则匹配上的内容');
    console.log('"'+A3+'"是被第3个小正则匹配上的内容');
    console.log('"'+A4+'"是被第4个小正则匹配上的内容');
    console.log('"'+A5+'"是被第5个小正则匹配上的内容');
    console.log('"'+A6+'"是被第6个小正则匹配上的内容');
    console.log('"'+A7+'"是被第7个小正则匹配上的内容');
    console.log('"'+A8+'"是被第8个小正则匹配上的内容，以此类推');
    console.log('"'+firstIndex+'"是被大正则匹配到的内容的第1个字符在整个字符串中的索引');
    console.log('"'+totalString+'"是整个字符串，本轮匹配结束');
    console.log("");
    return '我们替换被大正则第'+i+'次匹配到的内容'
});
console.log(replaceAfter);
```
（2）不加g，情形如下
```javascript:run
var reg=/(\d)(\d)(\d)(\d)(\d)(\d)(\d)(\d)/;
var replaceBefore='AAA12345678BBB87654321234CCC';
var i=0;
var replaceAfter=replaceBefore.replace(reg,function(totalRegexp,A1,A2,A3,A4,A5,A6,A7,A8,firstIndex,totalString){
    i=i+1;
    console.log('"'+totalRegexp+'"是被大正则第'+i+'次匹配到的内容');
    console.log('"'+A1+'"是被第1个小正则匹配上的内容');
    console.log('"'+A2+'"是被第2个小正则匹配上的内容');
    console.log('"'+A3+'"是被第3个小正则匹配上的内容');
    console.log('"'+A4+'"是被第4个小正则匹配上的内容');
    console.log('"'+A5+'"是被第5个小正则匹配上的内容');
    console.log('"'+A6+'"是被第6个小正则匹配上的内容');
    console.log('"'+A7+'"是被第7个小正则匹配上的内容');
    console.log('"'+A8+'"是被第8个小正则匹配上的内容，以此类推');
    console.log('"'+firstIndex+'"是被大正则匹配到的内容的第1个字符在整个字符串中的索引');
    console.log('"'+totalString+'"是整个字符串，本轮匹配结束');
    console.log("");
    return '我们替换被大正则第'+i+'次匹配到的内容'
});
console.log(replaceAfter);
```
三、数组的方法：
1、push
（1）作用：向数组末尾追加一项
（2）参数：要添加的数组项（多项用逗号隔开）
（3）返回值：新数组的长度
（4）是否改变原数组：改变
2、pop
（1）作用：删除项数组末尾项
（2）参数：没有参数
（3）返回值：被删除的项
（4）是否改变原数组：改变
3、unshift
（1）作用：向数组开头添加一项
（2）参数：要添加的数组项（多项用逗号隔开）
（3）返回值：新数组的长度
（4）是否改变原数组：改变
4、shift
（1）作用：删除数组开头项
（2）参数：没有参数
（3）返回值：被删除的项
（4）是否改变原数组：改变
5、splice
（1）作用：参数不同，作用不同，主要用来删除数组项
（2）（3）参数与返回值：
A、没有参数：原数组不变，返回空数组
B、一个参数：从索引位置删除到末尾，返回被删除项构成的数组
C、两个参数（n,m）：从索引n删除m个，返回被删除项构成的数组
D、三个参数（n,m,X）: 从索引n删除m个，被删除项用X填补，返回被删除项构成的数组，
（4）    是否改变原数组：改变
6、slice
（1）作用：复制数组项
（2）（3）参数与返回值：
A、没有参数：原数组不变，返回整个数组
B、一个参数：返回从索引位置到末尾，
C、两个参数（n,m）：返回索引n到m，不包含m
（4）是否改变原数组：没有改变
7、concat
（1）作用：把多个数组拼接在一起
（2）参数：要拼接的数组或字符串。如果是数组，就把数组里的每一项放到原数组的后面；如果是字符串，把字符串作为一项，放在原数组后面；克隆数组：ary.concat();ary.concat([])；
（3）返回值：拼接好的数组
（4）是否改变原数组：没有改变
8、join
（1）作用：把数组的每一项按照指定的分隔符拼接成字符串
（2）参数：指定的分隔符，如果是空引号“”，就把每一项不加分割地放在一起
（3）返回值：拼接好的字符串
（4）是否改变原数组：没有改变
另外：eval(),把字符串的引号去掉，并当作js代码运行，比如eval(“alert(1)”)
9、reverse
（1）作用：倒序数组
（2）参数：不需要参数
（3）返回值：倒序后的数组
（4）是否改变原数组：改变
10、sort
（1）作用：按照指定规则排序
（2）参数：A、一个参数，只能给一位数排序；B、回调函数为参数，如ary.sort(function(a,b){return a-b})为升序
（3）返回值：排好序的数组
（4）是否改变原数组：改变
11、indexOf
（1）作用：获取数组项第一次在数组中出现的位置索引
（2）参数：要判断的数组项
（3）返回值：数组项的索引，没有该项返回-1
（4）是否改变原数组：不变
12、forEach
（1）作用：循环遍历每一项，循环次数为数组相数
（2）参数：匿名函数，匿名函数可以有三个参数
（3）返回值：undefined
（4）是否改变原数组：不变
13、map
（1）作用：循环遍历每一项，循环次数为数组相数
（2）参数：匿名函数，匿名函数可以有三个参数
（3）返回值：返回一个新数组，新数组的每一项是匿名函数每次执行后的返回值
（4）是否改变原数组：不变
14、find
（1）作用：找出最先满足条件的那一项
（2）参数：匿名函数，匿名函数可以有三个参数
（3）返回值：最先满足条件的那一项
（4）是否改变原数组：不变
15、filter
（1）作用：找出所有满足条件的项
（2）参数：匿名函数，匿名函数可以有三个参数
（3）返回值：所有满足条件的项组成的数组
（4）是否改变原数组：不变
16、every：方法用于检测数组的所有元素是否都满足指定条件，返回值为boolean。
17、some：方法用于检测数组中是否有元素满足指定条件,返回值为boolean。 
附：ES6数组方法实例
1、reduce：累加。接受四个参数：初始值（或回调函数上1次的返回值），当前元素值，当前索引，调用 reduce 的数组。
（1）
```javascript:run
var ary=[1,3,2,4,3,2];
var aryTotal=ary.reduce(function (total,num) {
    return total+num;
});
console.log(aryTotal);
```
（2）
```javascript:run
var todos = [{
    score: 12,
    completed: true
}, {
    score: 21,
    completed: false
}, {
    score: 35,
    completed: true
}, {
    score: 47,
    completed: true
}, {
    score: 95,
    completed: false
}];
const totalScore = todos.reduce(function(total, item){
    return item.completed ? total + item.score : total
},10000);
console.log(totalScore);
```
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>redux下compose</title>
</head>
<body>
</body>
</html>
<script>
    function compose() {
        for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
            funcs[_key] = arguments[_key];
        }
        return funcs.reduce(function (a, b) {
            return function () {/*2、此处没接收值，为空*/
                return a(b.apply(undefined, arguments));
            };
        });
    }
    compose(function (a) {
        console.log(a)
    },function (c) {
        console.log(arguments);
        var b=5;
        return b+c
    })(11)/*1、此处没传值，为空*/;
</script>
```
```javascript:run
var arrayFunction = [functionA, functionB, functionC, functionD];
function compose(arrayFunction) {
    return arrayFunction.reduce(function (a, b) {
        return function () {
            return a(b.apply(undefined, arguments));
        };
    })
}
compose(arrayFunction)(functionE);
//第一次循环后的结果为
function functionOne() {
    return functionA(functionB.apply(undefined, arguments));
}
//第二次循环后的结果为
function functionTwo() {
    return functionOne(functionC.apply(undefined, arguments));
}
//第三次循环后的结果为
function functionThree() {
    return functionTwo(functionD.apply(undefined, arguments));
}
//给第三次循环后的结果传参并执行，最终返回结果为
functionTwo(functionD.apply(undefined, functionE));
```

2、filter：过滤
（1）
```javascript:run
var aryOld = [1, 2, 3, 4, 5];
var aryNew=aryOld.filter(function(item){
    return item > 3;
});
console.log(aryNew);
```
（2）
```javascript:run
var todos = [{
    score: 10,
    completed: true
}, {
    score: 2,
    completed: false
}, {
    score: 30,
    completed: true
}, {
    score: 40,
    completed: true
}, {
    score: 5,
    compelted: false
}];
var trueScore = todos.filter(function(item){
    return item.completed;
});
console.log(trueScore);
```
3、find：查找
（1）
```javascript:run
var ary=[1, 5, 10, 15]
ary.find(function(value) {  
return value > 9;  
}) // 10  
```
（2）
```javascript:run
var studentAll = [
    {
        name: '张三',
        gender: '男',
        age: 20
    },
    {
        name: '王小毛',
        gender: '男',
        age: 20
    },
    {
        name: '李四',
        gender: '男',
        age: 20
    }
];
var studentOne=studentAll.find(function (ele) {
    return ele.age == 20
});
console.log(studentOne);
```

转载于:https://www.cnblogs.com/gushixianqiancheng/p/10966978.html

数组以及字符串案例以及正则表达式验证
weixin_44870681的博客
06-07 1408
案例一：随机获取0-100之间7个不重复的数（如10,27,18,36,15,5,33） using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace 随机获取0_100之间7个不重复的数 { cla...
LeetCode刷题汇总
weixin_44171872的博客
09-19 2万+
剑指offer 剑指 Offer 03 数组中重复的数字 剑指 Offer 04 二维数组中的查找 剑指 Offer 05 替换空格 剑指 Offer 06 从尾到头打印链表 剑指 Offer 07 重建二叉树 剑指 Offer 09 用两个栈实现队列 剑指 Offer 10- I 斐波那契数列 剑指 Offer 10- II 青蛙跳台阶问题 剑指 Offer 11 旋转数组的最小数字 剑指 Offer 12 矩阵中的路径 剑指 Offer 13 机器人的运动范围 剑指 Offer 14- I 剪绳子 剑指
简单数组 + 字符串 + 正则的方法
YCHH1的博客
07-07 139
数组 + 字符串 + 正则
JavaScript基础（数组+正则表达+字符串）
最新发布
weixin_51704612的博客
12-19 1110
() 表示整体 {n} 正好出现n次 (ab){3}/ ab 出现三次（abababbc） 》》 true {m,} 最少出现m次 最多无上限 {m,n} 最少出现m次 最多n层 + 至少出现一次 * 0个 或者 多个 {0,} ? 0个或者一个 {0,1} \w 表示 字母 数字 _ 类似 [A-z0-9_] /^开始 $结束/ \W 表示 除了字母 数字 _ [^A-z0-9_] \d 表示 任意的数字 [0-9] \D 表示 除了 任意的数字 [^0-9] \s 空格 \S 除了空格
02 数组 字符串 正则
weixin_43606967的博客
06-04 877
1 数组方法： 改变原数组： pop(): 删除数组最后一项。 返回值删除项的值。 push(添加的数据): 在数组最后添加数据，返回新数组的长度 shift()：删除数组第一项。 返回值删除项的值。 unshift(添加的数据):数组开头添加数据。。返回新数组的长度 splice(index, 删除个数, 增加的元素) 返回 被删除的成员组成的新数组。没有要删除的成员，则返回空数组。 reverse()：表示将原数组的顺序前后颠倒。 sort()： sort()可以不书写参数，表示排序。
Java初级知识汇总
BeijingJane的博客
02-12 987
Java初级
接口测试面试题汇总（含答案）
weixin_60870637的博客
10-09 2万+
接口就是API，意思是应用程序编程接口 接口本质上是程序开发的函数和方法，提供参数和返回值接口测试是测试系统组件间接口的一种测试，接口测试主要用于检测外部系统和内部系统之间以及各个子系统之间的交互点。测试的重点是检查数据的交换、传递和控制管理的过程，以及系统间的相互逻辑依赖关系等。
前端面试题汇总
weixin_42023243的博客
11-10 4793
前端面试题
面试框架题整理
Jenius87v5的博客
04-15 2万+
面试题总结 一基础部分 1.1 集合 1.1.1 fail-fast 与 fail-safe 机制有什么区别 1.1.2 说出ArrayList,Vector, LinkedList的存储性能和特性 ArrayList 采用的是数组形式来保存对象的，这种方式将对象放在连续的位置中，所以最大的缺点就是插入删除时非常麻烦 LinkedList 采用的将对象存放在独立的空间中，而且在每个空间中还保存下一个链接的索引 但是缺点就是查找非常麻烦 要丛第一个索引开始 ArrayList和Vector都是用数组方
正则表达式判断是否包含一个字符串
热门推荐
Linias的博客
08-13 10万+
用java正则表达式检测字符串中含有某字符方法： public class Test { public static void main(String[] args) { String str="Hello World"; //待判断的字符串 String reg=".*ll.*"; //判断字符串中是否含有ll System.o...
71JS原生：统计字符串重复
weixin_30267785的博客
06-03 219
一、对象法：以下面的例子为例，把一个字母作为对象的属性名，字母出现的次数作为属性值；进而比较属性值的大小。\1:第一个括号对应的内容。```html:run<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title><...
WebView---js调用原生日历控件
开发简记
05-16 1551
效果图 效果图.png html文件 function showDatePickerDialog(){ jk.showDatePickerDialog(); } 打开日历选择器 Android public class WebActivity extend
76百度地图：经纬度
weixin_30247781的博客
06-03 106
很多场合都用到百度地图，这里是笔者把自己老家县政府的位置（经纬度）和老家住宅的位置（经纬度）在百度地图上标出来。```html:run<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" c...
正则表达式切分字符串成数组
只作为个人备忘录
03-21 2215
public static void main(String[] args) { String a = "a, b,c.d,e "; String[] split = a.split("[( )(,)(\\. )]"); }
109CSS3效果：骷髅字立体字镂空字斜角字
weixin_30892987的博客
06-03 87
1、骷髅字```html:run<!doctype html><html><head> <meta charset="UTF-8"> <title>HTML5</title> <style> .outer { background: #000; } .tex...
C# Winform使用正则表达式判定字符串类型的汇总
资源摘要信息: "C#winform正则表达式判定字符串类型汇总" 本资源集提供了使用C#语言编写的Windows窗体应用程序（Winform）中，对字符串进行类型判断的正则表达式汇总。它能够满足多种软件开发场景下的字符串验证...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值