JavaScript 基本包装类型

ECMAScript3提供了3个特殊的引用类型:Boolean、Number和String,方便操作基本类型。

实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装对象,从而让我们能够调用一些方法来操作数据。

var s1 = "some text";
var s2 = s1.substring(2);
  1. 创建String类型的一个实例
  2. 在实例上调用方法
  3. 销毁这个实例

引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保持在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的瞬间,然后立刻销毁。

var s1 = "some text";
s1.color = "red";
alert(s1.color); //undefined

Object构造函数也会像工厂方法一样,根据传入值的类型返回相应基本包装类型的实例。

var obj = new Object("some text");
alert(obj instanceof String); //true

要注意的是,使用new调用基本包装类型的构造函数,与直接调用同名的转型函数是不一样的。

var value = "25";
var number = Number(value); //转型函数
alert(typeof number); //number
var obj = new Number(value); //构造函数
alert(typeof obj); //"object"

Boolean 类型


Boolean类型的实例重写了valueOf()方法,返回基本类型值true或false;重写了toString()方法,返回字符串"true"和"false"。

Boolean类型的实例有一个常见的问题:

var falseObject = new Boolean(false);
var result = falseObject && true;
alert(result); //true

var falseValue = false;
result = falseValue && true;
alert(result); //false

基本类型与 引用类型的布尔值还有两个区别。

alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false

建议永远不要使用Boolean对象。

Number 类型


Number类型也重写了valueOf()toLocaleString()toString()方法。
valueOf()方法返回对象表示的基本类型的数值,另外两个方法则返回字符串形式的数值。
可以为toString()方法传递一个表示基数的参数,告诉它返回什么进制的字符串。

var num = 10;
alert(num.toString());
alert(num.toString(2));
alert(num.toString(8));
alert(num.toString(10));
alert(num.toString(16));

toFixed()方法会按照指定的小数位返回数值的字符串表示。

var num = 10;
alert(num.toFixed(2)); //10.00

如果数值本身比包含的小数位还多,那么接近指定的最大小数位的值就会舍入。

var num = 10.005;
alert(num.toFixed(2)); //10.01

IE8及以前的版本不能正确舍入{(-0.94,-0.5),(0.5,0.94)}之间的值,它会返回0而不是-1或者1。其他的浏览器都能正确的舍入。IE9修复了这个问题。

toExponential(),该方法返回以指数表示法(e表示法)表示的数值的字符串形式。接收一个参数,该参数指定输出结果中的小数位数。

var num = 10;
alert(num.toExponential(1)); //"1.0e+1"

toPrecision()可能返回固定大小(fixed)格式,也可能返回指数(exponential)格式;具体规则是看哪种格式合适。接收一个参数,即表示数值的所有数字的位数(不包括指数部分)。

var num = 99;
alert(num.toPrecision(1)); //"1e+2"
alert(num.toPrecision(2)); //99
alert(num.toPrecision(3)); //99.0

实际上,toPrecision()会根据要处理的数值决定到底调用toFixed()还是调用toExponential()

String


var stringObject = new String("hello world");

String对象的方法也可以在所有基本的字符串中访问到。其中,继承valueOf()toLocaleString()toString(),都返回对象所表示的基本字符串值。

String类型的每个实例都有一个length属性,表示字符串包括多个字符。

var stringValue = "hello world";
alert(stringValue.lengthh); //"11"

即使字符串中包含双字节字符(不是占一个字节的ASCII字符),每个字符也仍然算一个字符

字符方法

charAt()charCodeAt(),这两个方法都接收一个参数,即基于0的字符位置。
charAt()方法以单字符字符串的形式返回给定位置的那个字符。

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); //"101"(e的字符编码)

ECMAScript5还定义了另一个访问个别字符的方法。

var stringValue = "hello world";
alert(stringValue[1]); //"e"

字符串操作方法

concat(),用于将一或多个字符串拼接起来,返回拼接得到的新字符串。

var stringValue = "hello ";
var result = stringValue.concat("world");
alert(result); //"hello world"
alert(stringValue); //"hello"

实际上,concat()方法可以接收任意多个参数,拼接任意多个字符串。

var stringValue = "hello ";
var result = stringValue.concat("world", "!");
alert(result); //"hello world!"
alert(stringValue); //"hello"

实践中使用的更多的还是加号操作符(+)。

EAMCScript还提供了三个基于子字符串创建新字符串的方法:slice()substr()substring()。这三个方法都会返回被操作字符串的一个子字符串,而且也都接收一个或两个参数。第一个参数指定子字符串的开始位置,第二个参数(在指定的情况下)表示子字符串到哪里结束。
slice()substring()的第二个参数指定的是子字符串最后一个字符后面的位置。而substr()的第二个参数指定的则是返回的字符个数。
如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。

var stringValue = "hello world";
alert(stringValue.slice(3)); //"lo world"
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.slice(3, 7)); //"lo w"
alert(stringValue.substring(3, 7)); //"lo w"
alert(stringValue.substr(3, 7)); //"lo worl"

在传递给这些方法的参数是负值的情况下,它们的行为就不尽相同了。

字符串位置方法

有两个可以从字符串中查找子字符串的方法:indexOf()lastIndexOf()。这两个方法都是从一个字符串中搜索给定的子字符串,然后返回字符串的位置(如果没有找到该字符串,则返回-1)。
两个方法的区别在于:indexOf()方法从字符串的开头向后搜索字符串,而lastIndexOf()方法是从字符串的末尾向前搜索字符串。

var stringValue = "hello wordl";
alert(stringValue.indexOf("o")); //4
alert(stringValue.lastIndexOf("o")); //7

这两个方法都可以接收第二个参数,表示从字符串中的哪个位置开始搜索。

var stringValue = "hello world";
alert(stringValue.indexOf("o", 6)); //7
alert(stringValue.lastIndexOf("o", 4)); //4

可以通过循环调用indexOf()lastIndexOf()来找到所有匹配的字符串。

var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
var positions = new Array();
var pos = stringValue.indexOf("e");

while(pos > -1) {
    positions.push(pos);
    pos = stringValue.indexOf("e", pos + 1);
}

alert(positions); //"3,24,32,35,52"

trim() 方法

trim()会创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果。

trim()返回的是字符串的副本,所以原始的字符串的前缀及后缀空格会保持不变。

字符串大小写转换方法

toLowerCase()toLocaleLowerCase()toUpperCase()toLocaleUpperCase()
toLocaleLowerCase()toLocaleUpperCase()方法是针对特定地区的实现。

一般来说,不知道自己的代码将在哪种语言环境中运行的情况下,还是使用针对地区的方法更稳妥一些。

字符串的模式匹配方法

match(),在字符串上调用这个方法,本质上与调用RegExp的exec()方法相同。match()方法只接收一个参数,要么是一个正则表达式,要么是一个RegExp对象。

var text = "cat, bat, sat, fat";
var pattern = /.at/;

//与pattern.exec(text)相同
var matches = text.match(pattern);
alert(matches.index); //0
alert(matches[0]); //"cat"
alert(patten.lastIndex); //0

search()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,198评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,663评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,985评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,673评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,994评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,399评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,717评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,407评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,112评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1 256
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,255评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,881评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2 260

推荐阅读更多精彩内容

  • 为了便于操作基本类型值, ECMAScript 提供了 3 个特殊的引用类型: Boolean、Number和St...
    BertFu阅读 255评论 0 0
  • 1.背景介绍 引用类型的值(对象)是一个引用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,用于...
    我叫于搞吧阅读 526评论 0 0
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,148评论 0 4
  • 空旷的体育场外,“流浪汉”在玩手机,而咫尺的省体育场内,尖叫声此起彼伏,浑厚低沉的打击乐散发出的声浪震地身旁的墙壁...
    不靠谱到没有之一的男人阅读 138评论 0 0
  • 2017年3月10日 星期五 阴雨 又是一个周末,今天我们来聊一下,如何减少数学给我们带来的痛苦。 爱...
    小数点123阅读 743评论 2 1