JavaScript基础(数组+正则表达+字符串)

目录

1.数组

1.1创建数组

1.2字面量创建数组

1.3length函数

1.4遍历数组1

1.5遍历数组2语法糖

1.6增删改查

1push

2pop

3unshift("x",'x')

4shift()

5数组的截取

slice()

splice()

6concat

7reverse 

2.内置对象

2.1data

2.2Math对象

2.3字符串

1charAt

2charCodeAt

3concat

4indexOf

5lastIndexOf

6slice

7substring

8split

9toLowerCase

10toUpperCase

3.正则表达式

3.1创建正则对象

3.2字面量创建正则表达式

3.3[ ]

3.4正则量词

4.应用

4.1字符串拆分  (通过正则)

4.2字符串搜索

4.3提取出合适的字符match()

4.4通过在正则替换字符串中的指定内容

4.5其他


1.数组

1.1创建数组

1.2字面量创建数组

1.3length函数

通过 length方法 获取数组长度

1.4遍历数组1

// 遍历数组// for (let i = 0; i < arr.length; i++) {//     console.log(arr[i])// }

1.5遍历数组2语法糖

 // 遍历数组 IE8 以上//第一个参数 :当前正在遍历的元素//第二个参数 :当前正在遍历的元素索引//第三个参数:当前正在遍历的数组// arr.forEach(function (value,index,arr) {//     console.log(value,index,arr);// })

1.6增删改查

1push

 //向数组的末尾追加值 arr.push("xxx");

2pop

 //删除末尾数据 // arr.pop();

3unshift("x",'x')

// 向数组的开头追加一个元素或者多个元素 arr.unshift("11", '222');

4shift()

//删除数组的第一个元素// arr.shift();

5数组的截取

slice()

slice 该方法可以用于从数据提起指定的元素,不会改变原数组
     * 参数
     * 1.截取的开始位置索引 包含开始索引元素(含左不含右)
     * 2.截取的结束位置索引,不包含结束索引元素
     * 可以为负数  -1 表示倒数第一个元素 -2表示倒数第二个元素
let newArr = result.slice(0,1);

Array [ "Hello" ]

splice()

 splice() 可以用于删除数组中指定的元素 该方法会影响到原数组,删除的元素会作为返回值返回

1.表示开始位置索引 2.要删除的元素数量3.第三个及后续参数参数,可以作为新的元素

6concat

concat 可以将两个或者多个数组 连接 并返回一个新的数组 不会对原数组产生影响

数组拼接为字符串// console.log(arr1.join("#-#"));

7reverse 

数组反转 console.log(arr1.reverse());

数组的排序

 var arr = [1,2,5,8,6,5,7,8,9,3]/***  如果返回大于0 则元素交换位置*  如果返回小于0 则元素位置不变*  如果等于0则认为两个元素相同*/arr.sort(function (a,b) {return b-a;});console.log(arr)

2.内置对象

2.1data

var date = new Date();

2.2Math对象

parseInt(Math.random()*10)//0-1的随机数

console.log(Math.round( 1.5));//2四舍五入

console.log(Math.ceil(2.93545))//3向上取整

console.log(Math.floor(2.93545))//2

console.log(Math.PI)//π

2.3字符串

let str = "Hello,World!";

1charAt

str.charAt(0);//H

2charCodeAt

str.charCodeAt(0);//72

3concat

str.concat("你好","世界!")//Hello,World!你好世界!

4indexOf

console.log(str.indexOf(","));//从左向右 找字符串的下标 并返回,5

5lastIndexOf

console.log(str.lastIndexOf(","));从右向左 找字符串的下标 并返回5,因为没有使用结合"你好世界!"的字符串

6slice

console.log(str.slice(0,5));//第一个不能省略截取,第二个参数可以为负数 -1最后一位 -2倒数第二位,Hello

7substring

console.log(str.substring(1,0));//H,如果第二个参数小于第一个参数则 交换位置

8split

let result = str.split(",");//字符串转为数组,Array [ "Hello", "World!" ]//转换为小写

9toLowerCase

10toUpperCase

3.正则表达式

3.1创建正则对象

1.正则表达式  2.匹配模式

var reg = new RegExp("ab","i");

var str = "Abc";

console.log(reg.test(str));//true,

3.2字面量创建正则表达式

// var reg = /a/i;1.正则表达式  2.匹配模式

3.3[ ]

[bev]  bev是或者关系
// 检查一个字符串 是否 包含 abc  aec  avc

// var reg = /a[bev]c/

// var reg  = /[^A-z]// var str = '#';

3.4正则量词

() 表示整体
{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 除了空格
 \b 单词边界
 \B 除了单词边界

\. 表示 .
\\ 表示 \

4.应用

4.1字符串拆分  (通过正则)

    // var str = "1a2b3c4d5e6f8t9y7";
    // var result = str.split(/[A-z]/);
    // console.log(result)

输出结果:Array(9) [ "1", "2", "3", "4", "5", "6", "8", "9", "7" ]

4.2字符串搜索

返回遇到第一个符合正则的字符串下标:var result = str.search(/a[bef]c/);abc|aec|afc

4.3提取出合适的字符match()

var str = "1a2b3c4d5e6f8t9y7AUHJKSUR";

var result = str.match(/[a-z]/ig);

console.log(result);

输出结果:Array(16) [ "a", "b", "c", "d", "e", "f", "t", "y", "A", "U", … ]

4.4通过在正则替换字符串中的指定内容

// var str = "1a2b3c4d5e6f8t9y7AUHJKSUR";
// 1.要被替换的内容 2.新的内容

// var result = str.replace(/[a-z]/gi,'$'); // console.log(result);

4.5其他

        // var str = 'e';// var reg = /^\D$/// console.log(reg.test(str));// 去除字符中中的前后空格// var str = "  hello zhangsan ";// var reg = /^\s*|\s*$/g// console.log(str.replace(reg,""))// 检查一个字符串中时候含有zhangsan// var str = "hello zhangsan";// var reg = /\bzhangsan\b/;// console.log(reg.test(str))

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/286540.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android用户目前面临的六大安全威胁​

如今&#xff0c;各种出色的Android设备已能让我们无缝地利用生活中的碎片时间&#xff0c;开展各类工作、娱乐、创作、以及交流等活动。不过&#xff0c;目前随着越来越多的安全威胁在我们没注意到或看不见的角落里暗流涌动&#xff0c;时常会危及我们的数据、隐私、甚至是And…

「Vue3面试系列」Vue3.0的设计目标是什么?做了哪些优化?

文章目录 一、设计目标1.1 更小1.2 更快1.3更友好 二、优化方案2.1 源码2.11源码管理2.22 TypeScript 2.2 性能2.3 语法 API2.31逻辑组织2.32 逻辑复用 参考文献 一、设计目标 不以解决实际业务痛点的更新都是耍流氓&#xff0c;下面我们来列举一下Vue3之前我们或许会面临的问…

做题总结 242. 有效的字母异位词

242. 有效的字母异位词 我的答案思路优化出错的知识点&#xff08;Java&#xff09;1、String相关&#xff08;1&#xff09;String转换成char数组&#xff08;2&#xff09;String不能直接用下标访问 2、HashMap 相关&#xff08;1&#xff09;初始化&#xff08;2&#xff09…

vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式

1.下载依赖 npm install xlsx --save npm install file-saver --save npm install xlsx-style --save2.先修改xlsx-style的源码&#xff0c;一旦引入xlsx-style则会报错 xlsx-style使用中常见问题及解决办法&#xff1a; xlsx-style使用中常见问题及解决办法-CSDN博客 在\n…

Office批量打印助手绿色版 Excel批量打印 Word 批量打印软件-供大家学习研究参考

功能亮点 批量打印Word文件和Excel工作簿。 请确保已安装.NET Framework 4.0或.NET Framework 4.0 Client Profile。 可以批量打印Word文件和Excel工作簿。交互逻辑简化。 支持WPS文档和WPS表格的打印。 使用系统默认的文档和表格打开方式打印&#xff0c;避免出现RPC服务…

MyBatis的查询方法!!!

准备工作&#xff1a;1.创建一个maven工程&#xff0c;然后将pojo类导入到项目中去。 2.导入依赖到pom.xml文件中 3.在resources中创建log4j.properites和mybatis-config.xml 4.创建UserMapper接口和UserMapper.xml文件 5.创建测试类MyBatisTest 1.创建Maven工程&#xff0c;还…

TensorFlow 2 和 Keras 之间的区别总结

1、什么是TensorFlow 2 TensorFlow 2是谷歌开源的一款深度学习框架&#xff0c;于2019年发布&#xff0c;并且在同年10月1日发布了TensorFlow 2.0.0正式稳定版。这款框架被很多企业与创业公司广泛用于自动化工作任务和开发新系统。 TensorFlow 2在分布式训练支持、可扩展的生…

从Gitee克隆项目、启动方法

从gitee克隆VUE项目到本地后&#xff0c;不能直接运行&#xff0c;需要进行npm install安装node_modules文件夹里面的内容&#xff0c;因为在git上传的时候&#xff0c;一般都会过滤到node_modules中的依赖文件。 安装依赖以后&#xff0c;启动通过npm run serve启动项目出错。…

LoadRunner-Controller

Controller场景设计Controller打开方式Design设计场景 Run-场景运行介绍简单图表分析虚拟用户图表事务响应时间 Controller场景设计 之所以把脚本放到Controller是因为vug没有一个性能指标的监控&#xff1b;而且你要达到持续模拟多个用户你得通过修改运行次数达到这种多用户的…

SD-WAN组网案例:异地组网跨境访问

根据业务的发展和公司的扩张&#xff0c;越来越多企业开始设立分公司或者开设海外办事处&#xff0c;这时候异地网络访问成为一个令人头痛的问题。本文将通过一个案例展示如何利用SD-WAN组网解决异地组网和跨境访问的问题。 背景&#xff1a; 该客户在三个相距较远的地区设有工…

全国国控监测点点位数据,shp/excel格式,已可视化

基本信息. 数据名称: 全国国控监测点点位数据 数据格式: shpexcel 时间版本&#xff1a;2023年 数据几何类型: 点 数据精度&#xff1a;全国 数据坐标系: WGS84 数据来源&#xff1a;网络公开数据 数据字段&#xff1a; 序号字段名称字段说明1province省名称2city城市…

性能测试-LoadRunner

一. Load Runner 脚本录制 1.1 了解 WebTours系统 &#xff08;1&#xff09;WebTours如何启动 在浏览器中输入ip端口号/WebTours就可以访问到了 &#xff08;2&#xff09;WebTours 配置 在 conf 中的 http.conf 中可以看到端口号:1080 1.2 脚本录制 1. 创建一个脚本 2. …