本文实例讲述了JavaScript引用类型之基本包装类型。分享给大家供大家参考,具体如下:
为了操作基本类型值,ECDMAScript提供了3个特殊的引用类型——基本包装类型Boolean、Number和String。每当读取一个基本类型值时,后台会创建一个对应的基本包装类型的对象。
var str = "Hello world"; var substr = str.substring();
等价于
var str = new String("Hello world");//创建String类型的实例 var substr = str.substring();//在实例上调用substring()方法 str = null;//销毁实例
基本包装类型是特殊的引用类型,引用类型与基本包装类型的区别如下:
(1)对象的生存期
使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前一直存在于内存中,而自动创建的基本包装类型的对象,只存在于代码执行瞬间,然后立即被销毁,也就是说,不能在运行时为基本包装类型添加属性和方法。
var str1 = "Hello world"; var str2 = new String("Hello World"); str1.life = 20; str2.life = 20; alert(str1.life);//undefined alert(str2.life);//20
(2)instanceof操作符测试结果
使用instanceof
操作符测试基本包装类型实例会返回true,测试基本类型值会返回false。
var str1 = "Hello World"; var str2 = new String("Hello world"); alert(str1 instanceof String);//false alert(str2 instanceof String);//true
可以显式地调用Boolean、Number、String来创建基本包装类型的对象,但尽可能不要这样做,因为这样不易区分是在处理基本类型还是引用类型。
Object构造函数会根据传入值的类型返回相应基本包装类型的实例。
var str = new String("Hello world"); alert(str instanceof String);//true var num = new Number(16); alert(num instanceof Number);//true var bool = new Boolean(true); alert(bool instanceof Boolean);//true
对基本包装类型的实例调用typeOf()
方法会返回"Object",实例变量中保存的是基本类型值。
var str = new String("Hello world"); alert(typeof str);//object var num = new Number(16); alert(typeof num);//object var boolean = new Boolean(true); alert(typeof boolean);//object
使用new
操作符调用基本包装类型的构造函数,与直接调用同名的转型函数是不同的,变量中保存的是基本包装类型的实例。
var str = String("Hello world"); alert(typeof str);//string var num = Number(16); alert(typeof num);//number var bool = Boolean(true); alert(typeof bool);//boolean
所有基本包装类型的对象在转换为布尔类型时值都是true。
var boolean1 = new Boolean(false); alert(boolean1);//false alert(boolean1 && true);//true var boolean2 = new Boolean(0); alert(boolean2);//false alert(boolean2 && true);//true var boolean3 = new Boolean(""); alert(boolean3);//false alert(boolean3 && true);//true
1、Boolean类型
var boolean = new Boolean(true);
Boolean类型的实例重写了valueOf()
方法,返回对应的基本类型值true和false;重写了toString()
方法,返回字符串"true"和"false"。
2、Number类型
var num = new Number(16);
Number类型也重写了继承的valueOf()
、toString()
、toLocaleString()
方法,重写后的valueOf()
方法返回对应的基本类型值,另外两个方法返回对应的字符串。可以为toString()方法传递一个表示基数的参数。
除了继承的方法外,Number还提供了将数值格式化为字符串的方法:
(1)toFixed()
方法:传入的参数为小数位数,返回数值的字符串表示。
(2)toExponential()
方法:传入的参数为小数位数,返回以指数表示法表示的数值的字符串形式。
(3)toPrecision()
方法:传入的参数为数值的所有数组位数,不包含指数部分,返回指定格式的字符串表示。
3、String类型
var str = new String("Hello world");
String类型继承的valueOf()
、toString()
、toLocaleString()
方法返回对象所表示的字符串值。
(1)String类型实例的属性。
length属性:表示字符串包含的字符个数。
(2)String类型实例的方法。
---字符方法
不会修改字符串本身的值,只是返回子字符串,对原始字符串没有影响。
1)charAt()
方法:传入的参数为基于0的字符位置,返回给定位置的字符。
2)charCodeAt()
方法:传入的参数为基于0的字符位置,返回给定位置的字符编码。
---字符串操作方法
1)concat()
方法:传入的参数为任意多个字符串,返回拼接得到的字符串。
2)substr()
、slice()
、substring()
方法:三个基于子字符串创建新字符串的方法,传入一或两个参数,返回子字符串。第一个参数指定子字符串的开始位置,第二个参数可选,slice()
和substring()
的第二个参数指定子字符串的结束位置,substr()的第二个参数指定子字符串的长度。当传入的参数是负数时,slice()
方法会将负值与字符串长度相加,substr()
方法将第一个负值加上字符串长度,而第二个负值转换为0,substring()
方法将所有负值都转换为0。
---字符串位置方法
搜索给定的子字符串,返回子字符串的位置,未搜索到则返回-1。第一个参数指定搜索的子字符串,第二个参数可选,指定搜索开始的位置。---
1)indexOf()
方法:从头开始向后搜索。
2)lastIndexOf()
方法:从后开始向前搜索。
---trim()
方法
创建一个字符串的副本,删除前缀和后缀的空格,返回新字符串,原始字符串不变。
---字符串大小写转换方法
1)toLowerCase()
方法:通用的小写转换方法。
2)toUpperCase()
方法:通用的大写转换方法。
3)toLocaleLowerCase()
方法:针对特定地区的小写转换方法。
4)toLocaleUpperCase()
方法:针对特定地区的大写转换方法。
---字符串模式匹配方法
1)match()
方法:在字符串上调用match()方法,与在RegExp实例上调用exec()方法相同。接收1个参数——正则表达式或RegExp对象。返回一个数组,数组的第一项是与整个模式匹配的字符串,之后的每一项是与各个子模式匹配的字符串。
2)search()
方法:从头开始向后查找。接收1个参数——正则表达式或RegExp对象。返回第一个匹配项的索引,未找到匹配结果则返回-1。
3)replace()
方法:替换字符串。接收2个参数——第一个参数是一个正则表达式或RegExp对象或字符串(字符串不会被转换为正则表达式),第二个参数是一个字符串或函数。若第一个参数是字符串,则只会替换第一个子字符串,若想替换所以子字符串,需要使用带有g标志的RegExp对象。
a、第二个参数为字符串时,使用特殊的字符序列,将正则表达式操作得到的值插入到结果字符串中。
var str = "cat, fat, eat"; var result = str.replace(/(.at)/g, "my($1)"); alert(result);//my(cat), my(fat), my(eat)
b、第二个参数为函数时,可以实现更为精细的替换操作。
在只有一个匹配项(即与模式匹配的字符串)时,向函数传递3个参数——模式的匹配性、模式匹配项在字符串中的位置和原始字符串。在正则表达式中定义了多个子模式的情况下,向函数传递的参数依次是模式的匹配项、第一个子模式的匹配项、第二个子模式的匹配项、......、模式匹配项在字符串中的位置和原始字符串。返回替换文本。
var str = "<a href = \"test.jsp\">link</a>"; var result = str.replace(/[<>"&]/g, function(match, positon, originalStr) { switch(match) { case "<": return "<"; case ">": return ">"; case "&": return "&"; case "\"": return """; } }); alert(result);//<a href = "test.jsp">link</a>
4)split()
方法:第一个参数为分隔符(字符串或RegExp对象,字符串不会被转换为正则表达式),第二个参数可选,指定返回的字符串数组的大小。返回分割后的字符串数组。
var strs1 = str.split("|", 2);//["cat","fat","eat"] var str = "cat|fat|eat"; var strs1 = str.split("|"); alert(strs1);//cat,fat,eat var strs2 = str.split("|", 2); alert(strs2);//cat,fat var strs3 = str.split(/[^\|]+/); alert(strs3);//,|,|,
strs3的分隔符为“cat”、"fat"、“eat”,因此返回的数组第一项和最后一项时空字符串。
---localeCompare()方法:
比较两个字符串,若字符串在字母表中应该排列在字符串参数之前,返回一个负数(大多数情况是-1),若在之后,返回一个正数(大多数情况是1),若相等,返回0。
alert("world".localeCompare("hello"));//1
---fromCharCode()方法:
String类的静态方法,接收一或多个字符编码,转换为字符串,与charCodeAt()
是相反的操作。
alert(String.fromCharCode(104, 101, 108, 108, 111));//"hello"
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript操作DOM技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]