基本包装类型

JS数据类型详解
本文深入探讨了JavaScript中的基本数据类型与引用类型,特别是对Boolean、Number、String三种特殊引用类型进行了详细解析。此外,还介绍了如何使用这些类型提供的内置方法进行数据处理。

基本包装类型

3个特殊的引用类型:BooleanNumberString

var box = "Mr. Lee";        //基本类型
alert(box.substring(2));    //打印 . Lee
//对象.方法(参数)这种写法明显是引用类型写法
//索引0开始,从第二个位置开始开始截取到末尾
//是基本类型,但又是特殊的引用类型,叫做基本包装类型
//因为它可以调用系统内置的方法

引用类型与基本包装类型的主要区别就是对象的生存期。

为什么基本类型不能添加属性?
原因:使用new操作符创建的引用类型实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。
基本包装类型无法给自己创建属性和方法,但是可以调用系统内置的属性和方法。

对基本包装类型的实例调用typeof会返回object,而且所有基本包装类型的对象在转换为布尔类型时值都是true
使用new调用基本包装类型的构造函数,与直接调用同名的转型函数是不一样的。

var value = "25";
var number = Number(value);        //转型函数
aleat(typeof number);            //"number"

var obj = new Number(value);    //构造函数
aleat(typeof obj);                //"object"

Number类型

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

属性描述
MAX_VALUE表示最大数
MIN_VALUE表示最小值
NaN非数值
NEGATIVE_INFINITY负无穷大,溢出返回该值
POSITIVE_INFINITY无穷大,溢出返回该值
prototype原型,用于增加新属性和方法

例:

var box = 100;
alert(box.MAX_VALUE);        //没有这种写法,这种写法叫做属性
alert(Number.MAX_VALUE);    //这种写法(类型.属性)叫做静态属性

Number对象的方法

方法描述
toString()将数值转化为字符串,并且可以转换进制
toLocaleString()根据本地数字格式转换为字符串
toFixed()将数字保留小数点后指定位数并转化为字符串
toExponential()将数字以指数形式表示,保留小数点后指定位数并转化为字符串
toPrecision()指数形式或点形式表述数,保留小数点后面指定位数并转字符串

String类型

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

String对象属性

属性描述
length返回字符串的字符长度
constructor返回创建String对象的函数
prototype通过添加属性和方法扩展字符串定义

例:

var box = "Mr. Lee";
alert(box.constructor);    //打印:ƒ String() { [native code] }

字符串方法

方法描述
charAt(n)返回指定索引位置的字符
charCodeAt(n)Unicode编码形式返回指定索引位置的字符
fromCharCode(ascii)静态方法,输出Ascii码对应值

例:

var box = "Mr. Lee";
alert(box.charAt(1));            //打印r,等于box[1]
alert(box.charCodeAt(4));        //打印76
方法描述
concat()拼接字符串
slice(n,m)返回字符串nm之间位置的字符串,[n,m)
substring(n,m)同上
substr(n,m)返回字符串n开始的m个字母

slice()`substring()2`个参数指定的是字符串中最后一个字符的位置。
substr()2个参数是返回字符的个数。
相同点:如果没有第2个参数,则一直获取到最后。他们不会改变字符串本身的值。
例:

var box = "Mr. Lee";
alert(box.concat(" is ","teacher!"));//字符串拼接,打印:Mr. Lee is teacher!
alert(box.slice(4,6));        //截取字符串[4,6),打印:Le
alert(box.substring(4,6));    //截取字符串[4,6),打印:Le
alert(box.substr(4,2));        //从索引4位置截取2个字符,打印:Le
alert(box.slice(4));        //如果没有第2个参数,则一直获取到最后一位,打印:Lee
alert(box.substring(4));    //如果没有第2个参数,则一直获取到最后一位,打印:Lee
alert(box.substr(4));        //如果没有第2个参数,则一直获取到最后一位,打印:Lee
alert(box.slice(-2));        //7+(-2)=5,从索引5位置开始到最后,打印:ee
alert(box.substring(-2));    //参数为负数,则返回全部字符串,打印:Mr. Lee
alert(box.substr(-2));        //7+(-2)=5,从索引5位置开始到最后,打印:ee
alert(box.slice(2,-1));        //7+(-1)=6,[2,6),打印:. Le
alert(box.substring(2,-1));    //如果参数为负数,直接0;如果第2个参数比第1个小,那么第2个参数提前,[0,2),打印:Mr
alert(box.substr(2,-1));    //第2个参数为负数,直接0,[2,0),空,打印:空
方法描述
indexOf(str,n)从初始位置搜索n1次出现的位置,并将搜索的索引值返回
lastIndexOf(str,n)从末尾位置搜索n1次出现的位置,并将搜索的索引值返回

例:

var box = "Mr. Lee is Lee";
alert(box.indexOf('L'));        //从初始位置搜索L第一次出现的位置,打印:4
alert(box.lastIndexOf('L'));    //从末尾位置搜索L第一次出现的位置,打印:11
alert(box.indexOf('L',5));        //从索引5位置向后搜索L第一次出现的位置,打印:11
alert(box.lastIndexOf('L',5));    //从索引5位置向前搜索L第一次出现的位置,打印:4
alert(box.indexOf(-1));            //找不到,打印:-1

indexOf应用实例:

var box = "Lorem ipsum dolor sit amet,consectetur adipisicing elit";
var postion = new Array();
var pos = box.indexOf("e");
while(pos > -1){            //pos>-1,说明找到字符串
    postion.push(pos);        // 用push推入数组
    pos = box.indexOf("e", pos + 1);    //pos+1,从e后一个位置在开始寻找。
}
alert(postion);            //打印:3,24,31,34,51

字符串的模式匹配方法

方法描述
match(pattern)返回pattern中的子串或null
replace(pattern, replacement)replacement替换pattern
search(pattern)返回字符串中pattern开始位置
split(pattern)返回字符串按指定pattern拆分的数组

例:

var box = 'Mr.Lee is Lee';
alert(box.match('L')); //找到L,打印:L 否则打印:null
alert(box.search('L')); //找到L的位置,打印:3
alert(box.replace('L', 'Q')); //把L替换成Q,打印:Mr.Qee is Lee
alert(box.split(' ')); //以空格分割成字符串,打印:Mr.Lee,is,Lee

localeCompare()方法,比较两个字符串,并返回下列值中一个:

  1. 如果比较的字符串首字母比变量的首字母排在前,返回1
  2. 如果比较的字符串首字母和变量的首字母排相等,返回0
  3. 如果比较的字符串首字母比变量的首字母排在后,返回-1

例:

var box = "yellow";
alert(box.localeCompare("brick"));    //打印:1
alert(box.localeCompare("yellow"));    //打印:0
alert(box.localeCompare("zoo"));    //打印:-1
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值