首页 > javascript学习 > JavaScript > javascript中的数字和字符串方法
2016
12-16

javascript中的数字和字符串方法

为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据。

一.基本包装类型概述

var box = 'Mr. Lee'; var box2 = box.substring(2);//截掉字符串前两位

变量box是一个字符串类型,而box.substring(2)又说明它是一个对象(只有对象才会调用方法),最后把处理结果赋值给box2。

1.字面量写法:

var box = 'Mr. Lee';//字面量

box.name = 'Lee';//无效属性,打印undefined

box.age = function(){return 100;};//无效方法,打印会出错误报告

2.new运算符写法:

var box = new String('Mr. Lee');

box.name = 'Lee';//有效属性

box.age = function(){return 100;};//有效方法

alert(typeof box);//object

alert(box.name);//Lee

alert(box.age());//100

以上字面量声明和new运算符声明很好的展示了他们之间的区别。但有一定还是可以肯定的,那就是不管字面量形式还是new运算符形式,都可以使用它的内置方法。并且Boolean和Number特性与String相同,三种类型可以成为基本包装类型。在使用new运算符创建以上三种类型的对象时,可以给自己添加属性和方法,但我们建议不要这样使用,因为这样会导致根本分不清到底是基本类型值还是引用类型值。

二.Number类型

Number类型有一些静态属性(直接通过Number调用的属性,而无须new运算符)和方法。

Number静态属性

MAX_VALUE:表示最大数

MIN_VALUE:表示最小值

NaN:非数值

POSITIVE_INFINITY:正无穷大,溢出返回该值

NEGATIVE_INFINITY:负无穷大,溢出返回该值

prototype:原型,用于增加新属性和方法

Number对象的方法

toString():将数值转化为字符串,并且可以转换进制

toLocaleString():根据本地数字格式转换为字符串

toFixed([num=0]):将数字保留小数点后num位(超过20可能会出错)并转化为字符串

toExponential([num]):将数字以指数形式表示,保留小数点后num位并转化为字符串

toPrecision([num]):整数位和小数位一共保留num位,位数不够使用指数形式表达

三.String类型:String类型包含了三个属性和大量的可用内置方法。

String也包含对象的通用方法,比如valueOf()、toLocaleString()和toString()方法,但这些方法都返回字符串的基本值。

1、String对象的属性

length:返回字符串的字符长度

constructor:返回创建String对象的函数

prototype:通过添加属性和方法扩展字符串定义

2、字符方法

charAt(n):返回指定索引位置的一个字符

charCodeAt(n):以Unicode编码形式返回指定索引位置的一个字符

var box = 'Mr.Lee';

alert(box.charAt(1)); //r

alert(box.charCodeAt(1)); //114

alert(box[1]); //r,通过数组方式截取,在IE浏览器会显示undefined,所以使用时要慎重。

3、字符串操作方法

concat(str1...str2):将字符串参数串联到调用该方法的字符串,用于连接两个或多个字符串。

slice(n,m):返回字符串n到m之间位置的字符串,两个参数都可以是负数,意为倒数第几位

substring(n,m):同上,n不能为负,否则返回原字符串(不进行任何造作),m也不能为负,否则会把m转化为0并把较小的数字提前(box.substring(3,-1):把-1转化为0,由于0<3,所以再继续转化为box.substring(0,3))。

substr(n,m):返回字符串n开始的m个字符串,n可以是负数,倒数第几位,m为负数时会把m转化为0(即截取0位),会截取一个空字符串。当m大于字符串从n开始到末尾的字符长度是返回从n开始截取到字符串末尾的子字符串。

这三个方法的第二个参数都是可以省略的,省略则返回从指定位置到字符串末尾的子字符串。

IE的JavaScript实现在处理向substr()方法传递负值的情况下存在问题,它会返回原始字符串,使用时要切记

str.padStart(len, fill=' ')和str.padEnd(len, fill=' ')

两个函数分别表示从字符串str头部和尾部用fill字符进行长度补全直到字符串长度达到len,fill默认为空格

str.repeat(n):将字符串str重复n次

str.trim()、str.trimStart()、str.trimEnd():消除字符串str两端/头部/尾部的空格(tab、换行等不可见的空白符也会删除),它们返回的都是新字符串,不会修改原始字符串

 

4、字符串位置方法

indexOf(str,n):从偏移量n开始搜索的第一个str,并将搜索的索引值返回,如果没有找到想要的字符串,则返回-1

lastIndexOf(str,n):从偏移量n开始搜索的最后一个str,并将搜索的索引值返回,如果没有找到想要的字符串,则返回-1

str.includes(search, n):返回布尔值,表示是否找到了search字符串
str.startsWith(search, n):返回布尔值,表示search字符串是否在str字符串的头部
str.endsWith(search, n):返回布尔值,表示search字符串是否在str字符串的尾部
    对于第二个参数,endsWith()针对前n个字符,而其他两个方法针对从第n个字符位置直到字符串末尾

5、大小写转换方法

toLowerCase(str):将字符串全部转换为小写

toUpperCase(str):将字符串全部转换为大写

toLocaleLowerCase(str):将字符串全部转换为小写,并且本地化

toLocaleupperCase(str):将字符串全部转换为大写,并且本地化

只有几种语言(如土耳其语)具有地方特有的大小写本地性,一般来说,是否本地化效果都是一致的。

6、字符串的模式匹配方法

match(pattern):返回匹配pattern中的子串(只匹配一次)或null

matchAll(pattern):返回一个正则表达式在当前字符串的所有匹配

replace(pattern, replacement):用replacement 替换pattern,只替换第一个匹配的字符串,如果需要全部替换需要使用正则的g修饰符

返回一个新字符串,不会改变原字符串
'aabbcc'.replace('b', '_')    // 'aa_bcc'
'aabbcc'.replace(/b/g, '_')   // 'aa__cc'

replaceAll(pattern, replacement):可以一次性替换所有匹配。

返回一个新字符串,不会改变原字符串
'aabbcc'.replaceALL('b', '_')    // 'aa__cc'
pattern如果是正则必须添加g修饰符,否则报错

第二个参数replacement是一个字符串,表示替换的文本,其中可以使用一些特殊字符串。
$&:匹配的子字符串。
$`:匹配结果前面的文本
$':匹配结果后面的文本
$n:匹配成功的第n组内容,n是从1开始的自然数。这个参数生效的前提是,第一个参数必须是正则表达式。
$$:指代美元符号$。

search(pattern):返回字符串中pattern 开始位置

split(pattern):返回字符串按指定pattern 拆分的数组

7、其他方法

String.fromCharCode():接受若干个Unicode码(用英文逗号隔开)并转换为对应的字符,然后返回所有字符组成的字符串,不能识别大于0xFFFF的码点。

String.fromCodePoint():ES6 提供的方法,可识别大于0xFFFF的字符,弥补了String.fromCharCode()方法的不足

let s = "𠮷";

s.length // 2
s.charAt(0) // ''
s.charAt(1) // ''
s.charCodeAt(0) // 55362
s.charCodeAt(1) // 57271
JavaScript内部字符以UTF-16的格式储存,每个字符固定为2个字节。
对于那些需要4个字节储存的字符(Unicode码点大于0xFFFF的字符),JavaScript会认为它们是两个字符。
对于这一类字符,charAt()方法无法读取整个字符,charCodeAt()方法只能分别返回前两个字节和后两个字节的值。 

ES6提供了codePointAt()方法,能够正确处理 4 个字节储存的字符
s.codePointAt(0) // 134071
s.codePointAt(1) // 57271
我们发现,这个方法仍然是有错误,索引为0正确的识别了整个字符,但是额外的索引为1的表示整个字符的后两个字节
得到十进制后只用toString()方法转换为16进制字符串

str1.localeCompare(str2):比较两个字符串,并返回相应的值

1.如果字符串在字母表中应该排在字符串参数之前,则返回一个负数。(多数-1)
2.如果字符串等于字符串参数,则返回0。
3.如果字符串在自附表中应该排在字符串参数之后,则返回一个正数。(多数1)

8、HTML方法:通过JS生成一个html标签

str.anchor(name):<A name=name>str</A>

str.big():<BIG>str</BIG>

str.blink():<BLINK>str</BLINK>

str.bold():<B>Str</B>

str.fixed():<TT>Str</TT>

str.fontcolor(color):<FONT color=#c0000>str</FONT>

str.fontsize(size):<FONT size=size>str</FONT>

str.link(URL):<A href="URL">str</A>

str.small():<SMALL>str</SMALL>

str.strike():<STRIKE>str</STRIKE>

str.italics():<I>str</I>

str.sub():<SUB>str</SUB>

str.sup():<SUP>str</SUP>

最后编辑:
作者:qingheluo
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。