JS 8

1. ***String

什么是:

***内置对象:

***包装类型:

字符串API

1. 什么是: 多个字符组成的只读字符数组

vs 数组: 下标i

length

slice()  concat

不同: 数组中凡是直接修改原数组的API,字符串都不能用!

2. 内置对象: ES标准中规定的,浏览器厂商已经实现的现成的对象和API

11个: Number  String  Boolean

Array Date RegExp Math

Error

Function  Object

Global(浏览器中被替换为window)

3. 包装类型对象:

什么是: 专门封装基础类型的值,并提供操作基础类型值的API的对象

为什么: 基础类型的值,本身不包含任何API功能

何时: 只要试图对基础类型的值调用API时,都会自动创建对应类型的包装类型对象来封装基础类型的值。

调用后: 包装类型对象,自动释放!

比如: var n=345.678;

n.toFixed(2)=>345.678.toFixed(2)

=>new Number(345.678).toFixed(2)

4. String的API:

***所有字符串API都无权修改原字符串,只能返回新字符串!

大小写转换: 将字符串中所有英文字母转为统一的大小写

何时: 只要不区分大小写时,都要先转为一致的大小写,再判断。 比如: 用户名,邮箱地址,验证码

如何: str.toUpperCase() //都转大写

str.toLowerCase() //都转小写

获得指定位置的字符: str[i]

var char=str.charAt(i);

获得指定字符的unicode号:

var unicode=str.charCodeAt(i); //省略i,默认是0

将unicode号反向转回文字

var char=String.fromCharCode(unicode);

选取子字符串: str.slice(starti,endi+1)

str.substring(starti,endi+1) 不支持负数参数

str.substr(starti,n): 选取starti开始的n个元素

1. ***String API

查找关键词

替换

切割字符串

2. *****正则表达式

1. 查找关键词: 4种

1. 查找一个固定的关键词出现的位置:

var i=str.indexOf("关键词",fromi)

在str中,从fromi位置开始查找"关键词"的位置

如果找到,返回关键词所在位置的下标

找不到,返回-1

简写: 省略fromi,默认从0开始

专门找最后一个关键词的位置:

var i=str.lastIndexOf("关键词")

在str中,找最后一个关键词出现的位置

问题: 只能找第一个关键词

解决: 正则表达式:

2. 使用正则表达式查找指定的一类关键词的位置:

按模式匹配:

var i=str.search(/正则表达式/);

在str中查找第一个符合正则表达式要求的关键词的位置

返回值: 找到的关键词的下标, 如果找不到返回-1

何时: 仅判断是否包含敏感词时,就用search

如果返回不是-1,说明包含,否则说明没找到

忽略大小写: /正则/i

问题: 1. 只能获得第一个的位置,不能获得所有敏感词

2. 只能返回位置,不能返回内容

3. 使用正则表达式查找指定的一类关键词的内容:

var arr=str.match(/正则/ig);

默认只找第一个,找所有,必须加g

返回值: 所有敏感词组成的数组

没找到返回null!

强调: 如果一个API有可能返回null,就必须先判断不是null,再使用!

arr.length 表示找到的关键词个数

问题: 仅返回所有关键词的内容,无法返回每个关键词位置

4. 即找所有关键词内容,又找每个关键词的位置?

reg.exec();

2. 替换: 将字符串中所有敏感词替换为新内容

基本替换:

str=str.replace(/正则/ig,“替换值”);

4. *****正则表达式:

什么是: 专门定义一类字符串统一规则的表达式

何时: 1. 按照指定规则模糊查找一类关键词时

2. 表单中验证输入项的格式

如何: 语法:

1. 最简单的正则其实就是关键词原文

2. 字符集: 规定字符串中一位字符可用的备选字符列表

何时: 只要某一位字符,有多个备选字时

如何: [备选字符列表]

强调: 一个字符集只能匹配一位字符

简写: 如果备选字符列表是连续的,就可用-省略中间字符

一位字母: [a-zA-Z]

一位数字: [0-9]

一位汉字: [\u4e00-\u9fa5]

特殊: 除了: [^排除的字符列表]

强调: ^必须写在[开头]

3. 预定义字符集: 4个:

\w  一位字母数字或_  =>[a-zA-Z0-9_]

\d  一位数字  => [0-9]

\s  一位空字符: 空格,Tab,...

.    一位任意字符

强调: 一个预定义字符集仅匹配一位字符

只有规则和预定义字符完全一致时,才能使用

如果不一致, 依然需要手写普通字符集

字符集仅控制每个字符的内容

4. 量词: 专门固定字符出现的次数

有明确数量边界:

字符集{min,max}   规定字符集必须最少出现min次

最多max次

字符集{min,}   最少min次, 多了不限

字符集{n}        必须n次

没有明确数量边界:

字符集?     可有可无,最多一次

字符集*     可有可无,多了不限

字符集+    {1,}

强调: 仅修改相邻的前一个字符集

5. 选择和分组:

分组: 将多个字符集分成一组:

何时: 如果希望一个量词同时修饰多个字符集时

比如: 我(了个?)?去: 我去   我了去   我了个去    我个去X

regexper.com

选择: 其实就是"或"   规则1|规则2

只要匹配任意一个规则即可

(微|w(ei)?)\s*(信|x(in)?)

手机号:

(\+86|0086)?      +86或0086  可有可无,最多一次

\s*                        空字符 可有可无,多了不限

1

[34578]               34578中挑一个

\d{9}                    9位数字

(\+86|0086)?\s*1[34578]\d{9}

邮箱:

字母/数字或_   一次以上

@

字母或数字      2位以上

(.和 字母或数字      2到3位)   1到2次

\[email protected][a-zA-Z0-9]{2,}(.[a-zA-Z0-9]{2,3}){1,2}

时间: 2024-08-08 08:17:39

JS 8的相关文章

【API】高德地图API JS实现获取坐标和回显点标记

1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现 第一步:引入资源文件 <!--引入高德地图JSAPI --><script src="//webapi.amap.com/maps?v=1.3&key=在官网申请一个key"></script><!--引入UI组件库(1.0版本) --><script src="//webapi.amap.com/ui/1.0/main.js">

js跨域

第一次写博客,好紧张,不知道能写成啥样,哈哈哈. 自己的一知片解,有错请多多指教,嘻嘻嘻. 一.何为跨域? 只要协议.域名.端口后任何一个不同,就是跨域. 举个例子: http://www.example.com 协议不同 https://www.example.com http://www.example.com 域名不同 http://www.test.com http://www.example.com 端口不同 http://www.example.com:81 注意:ip相同,域名不同

Vue.js学习笔记:属性绑定 v-bind

v-bind  主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如: <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> 绑定HTML Class 一.对象语法: 我们可以给v-bind:class 一个对象,以动态地切换class.注意:v-bind:class指令可以与普通的class特

node.js的安装及配置

一.安装 直接在浏览器搜索node.js,在官网上下载(一般旧版的更加稳定,比如下载4.4.7版本) 点击DOWNLOADS 往下翻,点击Previous Release Windows下载msi(64位/32位) 根据提示一步步安装,安装之后的文件夹如下: 在cmd命令行下输入node -v,如果出现如下,说明安装成功: 二.关于配置 在安装路径下新建两个文件夹: 创建完两个空文件夹之后,打开cmd命令窗口,输入 npm config set prefix "D:\Program Files

Node.js 使用angularjs取得Nodejs http服务端返回的JSON数组示例

server.js代码: // 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块) var http=require("http"); // 创建服务器,创建HTTP服务器要调用http.createServer()函数,它只有一个参数,是个回调函数,服务器每次收到http请求后都会调用这个回调函数.服务器每收到一条http请求,都会用新的request和response对象触发请求函数. var server=http.createS

Knockout.js简介

Knockout是一款很优秀的JavaScript库,通过应用MVVM模式使JavaScript前端UI简单化.任何时候你的局部UI内容需要自动更新,KO都可以很简单的帮你实现,并且非常易于维护. Knockout的3个核心功能是: ? 属性监控与依赖跟踪 ? 声明式绑定 ? 模板机制 MVVM Model-View-View Model (MVVM)是一种创建用户界面的设计模式. ? Model:用于存储应用程序数据,表示业务领域的对象和数据操作,并且独立于任何界面. 当使用KO的时候,通常是

vue.js 入门

简单一句话来描述:vue.js是一个前端框架. 官方文档:https://cn.vuejs.org/v2/guide/index.html 虽然,我以前也会改一些前端样式,但主要是基于HTML和CSS,HTML主要控制页面的结构,CSS主要来控制样式.涉及到JavaScript就比较小白了. 我花了一个下午照着官方文档做练习,当然是只创建一个xxx_demo.html文件,在<script></script> 标签对之间写 Vue.js语法.这不算错,但在工程化的今天,这么学得猴年

JS高程3:JSON

JSON,JavaScript Object Notation,JS对象表示法,是目前最常见的结构化数据传输形式. JSON并非编程语言,而是一种数据结构,像mp4.avi一样,只是一种数据格式而已.(数据结构可以包含很多数据类型) JSON值的类型 简单值 对象 数组 简单值:字符串.数字.布尔值和null,注意不包括undefined. 注意:JSON中的字符串必须用双引号. 对象:对象就是无序的键值对,而键值中的值也可以是简单值.对象或者数组. 注意:JSON中对象的属性必须用双引号括起来

js装饰器

本文是廖雪峰老师js教程的学习笔记 JavaScript的所有对象都是动态的,即使内置的函数,我们也可以重新指向新的函数. 利用apply(),我们还可以动态改变函数的行为. 现在假定我们想统计一下代码一共调用了多少次parseInt(),可以把所有的调用都找出来,然后手动加上count += 1,不过这样做太傻了.最佳方案是用我们自己的函数替换掉默认的parseInt(): var count = 0; var oldParseInt = parseInt; // 保存原函数 window.p

Vue.js系列之项目搭建(vue2.0 + vue-cli + webpack )

1.安装node node.js环境(npm包管理器) cnpm npm的淘宝镜像 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功. npm包管理器,是集成在node中的,所以,直接输入 npm -v就会显示出npm的版本信息. 2.安装cnpm 在命令行中输入 npm install -g cnpm --registry=http://registr