常用的方法"/>
JS基础(四)String和Matn中常用的方法
字符串中常用的方法
索引特点,从0开始
length属性,字符串的长度
如果指定索引不存在,会得到undefined
真实项目中,我们经常操作字符串,此时我们需要掌握一些常用方法
console.dir(String,prototype)
charAt&&charCodaAt【兼容所有浏览器】
str.charAt()
;返回索引指定的字符,当指定索引不存在时返回""
,
当指定索引不存在时str[100]返回undefined
;str.charCodeAt()
,在charAt的基础上,获取指定位置字符的unicode编码Str.fromcharCode()
通过unicoed码 得到原有字符 与charCodeAt相反
substr&&substring&&slice
str.substr(n,m)
:从索引n开始,截取m个字符(第一个参数支持负数)str.subtring(n,m)
:从索引n开始,截取到索引m处,不包含m;(不支持负数)str.slice(n,m)
:从索引n开始,截取到索引m处,不包含m,(支持负数);当索引时负数时,是用字符串的总长度加上索引,在按照正数操作
注意:
如果只传递1个参数n,则从n截取到末尾
如果索引超过最大值,则能截取多少是多少
如果没有传参数,则相当于把整个字符串都截取了(字符串克隆)
toUperCase&&toLowerCase
toUperCase()
:把字母全部大写 str.toUpperCase()toLowerCase()
:把字母全部小写
indexOf&&lastIndexOf【兼容所有浏览器】
indexOf
:获取当前字符首次出现的位置lastIndexOf:
获取当前字符最后一次出现的位置
注意 如果当前字符串没有出现过,结果为-1;由此可以借用此方法来检查是否具有某元素
split
Str.split:按照某一元素将字符串划分为几组,
返回的是一个数组
若不存在,则保持原来的Str
支持正则
str='wedfg';
str.split('d');
//返回值是个数组
(2) ["we", "fg"]
0: "we"
1: "fg"
length: 2
__proto__: Array(0)
replace
Str.replace:实现字符的替换
Str.replace(a,b) //用b替换a
执行一次只能替换一个,想替换多个的多次执行,真实项目中一般正和则一起使用;
trim&&trimLeft&&trimRight
Str.trimLeft:去除字符串左边兼容
Str.trimRight:去除字符串右边空格
Str.trim:去除字符串收尾空格
案例:queryURLParameter
获取地址栏中URL地址问号的传递参数值
=谷歌浏览器&tn=93219212_hao_pg&ie=utf-8
问号后面就是我们传递的参数
=8&rsv_bp=1&rsv_idx=1&word=小说&tn=94076069_hao_pg我们的目标:把问号传递的参数值给解析出来
obj={word:’谷歌浏览器’,tn:93219212_hao_pg,ie:utf-8}function queryURLParameter(url){ //=>定义一个函数var quesIndex=url.indexOf('?');//获取?的位置var obj={};//定义一个空函数if(quesIndex===-1){//如果?不存在return obj;}url=url.substr(quesIndex+1);//获取?后面的字符串var ary=url.split('&');//用&将字符串划分为数组for(var i=0;i<ary.length;i++){var curAry=ary[i].split('=');//用=将字符串划分为长度为2的数组obj[curAry[0]]= curAry[1];//数组中第一个为属性,第二个为属性值return obj;} }
Math中常用的方法
数学函数,但是他是对象类型
Math 中为我们提供了很多常用操作数字的方法
conlse.dir(Math)查看有很多方法
@[abs]
Math.abs() 取绝对值
@[ceil/floor]
Math.ceil() 向上取整
Math.flloor() 向下取整
@[round]
Math.round() 四舍五入
@[random]
Math.random() 获取[0-1)之间的随机小数
//获取0-10之间的随机小数[0-10]
Math.round(Math.random()*10)
//获取[]3-15]的随机整数
Math.round(Math.random())*12+3
注意规律
获取[n,m]之间的随机整数
Math.round(Math.random())*(m-n)+n
@[max/min]
Matn.max:获取一组数据的最大值
Math.min:获取一组数据的最小值
@[PI]
Math,PI:获取圆周率
@[pow/sqrt]
Math.pow:获取一个值的多少次幂
Math.sqrt 开平方
案例:验证码基本功能实现 (结合Math和String)
一般是由后台处理,后台返回给客户端一张图片(图片中包含了验证码) (防止批量注册,前端容易被解析)
验证码形式1、字母数字2、问答3、选择图片4、成语拼图5、图片拼图6、滑动拖拽
案例主要思想(获取4个字母和数字的组合)
获取文档中的元素(最后数字要放进去)
定义一个空数组(用于存放随机获得的字符)
定义一个取值区域(0-9,a-z,A-Z)共62个
创建for循环
获取一个0-61的随机整数(Math.round(Math.random*61))
利用这个整数获取该位置的字符,charAt()
更多推荐
JS基础(四)String和Matn中常用的方法
发布评论