JS系列 -- 基本包装类型

概述

ECMAScript 提供了 3 个特殊的引用类型:Boolean() Number() String() ,以便于操作基本类型值。

创建

当创建基本包装类型时,相对应的变量会有 proto 的属性,此属性是基本包装类型指向 Object 类型的 prototype 。

基本包装类型

Boolean()

基本包装类型 Boolean
API
  • valueof() ==> 返回基本类型值 true 或 false (重写)
  • toString() ==> 返回字符串 'true' 和 'false' (重写)

套路:

var f1 = false;
var f2 = new Boolean(false);
if(f1){console.log(1)} //不打印
if(f2){console.log(2)} //打印2,因为在调用 f2 的时候,f2 对应的包装类型是对象,所有的对象都是真值。

Number()

基本包装类型 Number
API
  • valueof() ==> 返回对象表示的基本类型的数值 (重写)
  • toString() ==> 返回字符串形式的数值 (重写)
  • toLocaleString() ==> 返回字符串形式的数值 (重写)
  • toFixed() ==> 按照指定的小数位返回数值的字符串表示,参数为小数位数
  • toExponential() ==> 返回以指数表示法表示的数值的字符串形式,参数为指定输出结果中的小数位数
  • toPrecision() ==> 可能返回固定大小格式,也可能返回指数格式;具体规则看哪种格式更加合适,参数为表示数值的所有数字的位数(不包括指数部分)。

String()

基本包装类型 String
API
  • length ==> 属性,表示字符串中包含多少个字符

  • valueof() ==> 返回对象所表示的基本字符串值

  • toLocaleString() ==> 返回对象所表示的基本字符串值

  • toString() ==> 返回对象所表示的基本字符串值

  • chatAt() ==> 以单字符字符串的形式返回给定位置的那个字符,参数为指定位置

  • charCodeAt() ==> 以字符编码的形式返回给定位置的那个字符,参数为指定位置

  • concat() ==> 将一个或多个字符串拼接起来,返回拼接得到的新字符串,可以接受任意多个参数(实践中可以使用加号操作符)

  • slice() ==> 返回被操作字符串的一个子字符串,接受一个或者两个参数,第一个参数指定子字符串的开始位置第二个参数(在指定的情况下)表示子字符串的结束位置[ 开始位置,结束位置 )。如果第二参数未指定,一直到字符串的结束为止。如果传入的参数是负值,将传入的负值与字符串的长度相加

  • substr() ==> 返回被操作字符串的一个子字符串,接受一个或者两个参数,第一个参数指定子字符串的开始位置第二个参数(在指定的情况下)表示子字符串的结束位置[ 开始位置,结束位置 )。如果第二参数未指定,一直到字符串的结束为止。如果传入的参数是负值,将负的第一个参数加上字符串的长度,将负的第二个参数转换为0。

  • substring() ==> 返回被操作字符串的一个子字符串,接受一个或者两个参数,第一个参数指定子字符串的开始位置第二个参数(在指定的情况下)表示子字符串返回的个数,[ 开始位置,个数 )。如果第二参数未指定,一直到字符串的结束为止。如果传入的参数是负值,将所有负值转换为0。

  • indexOf() ==> 在一个字符串中从前向后搜索给定的子字符串,返回子字符串的位置,如果没有找到该位置,则返回 -1,接受一个或者两个参数,第一个参数表示指定的字符串,第二个参数表示从字符串中的那个位置开始搜索。

  • lastIndexOf() ==> 在一个字符串中从后向前搜索给定的子字符串,返回子字符串的位置,如果没有找到该位置,则返回 -1,接受一个或者两个参数,第一个参数表示指定的字符串,第二个参数表示从字符串中的那个位置开始搜索。

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

  • toLowerCase() ==> 字符串大小写转换

  • toLocaleLowerCase() ==> 字符串大小写转换

  • toUpperCase() ==> 字符串大小写转换

  • toLocalUpperCase() ==> 字符串大小写转换

  • match() ==> 在字符串中匹配模式,接受一个参数,正则或者 RegExp 对象。

  • search() ==> 在字符串中从前向后查找模式,返回字符串中第一个匹配项的索引,如果没有找到匹配项,则返回 -1,接受一个参数,正则或者 RegExp 对象。

  • replace() ==> 替换子字符串,接受两个参数,第一个参数可以是一个 RegExp 对象或者一个字符串,第二个参数可以是一个字符串或者一个函数

  • split() ==> 基于指定的分隔符将一个字符串分割成多个字符串,并将结果放在一个数组中,接受一个或两个参数,第一个参数表示分隔符,第二个参数表示数组的长度。

当在读取模式中访问 Boolean Number 和 String 类型时,后台会自动完成
  1. 创建相应的基本类型的一个实例 ( var temp = new 基本包装类型; )
  2. 在实例上调用制定的方法 ( var 变量 = temp.方法; )
  3. 销毁这个实例 ( temp = null; )

基本类型 和 基本包装类型 区别

基本类型 和 基本包装类型 区别在于存储的路径

  • 基本类型存储在 Stack(栈内存)

  • 基本包装类型在 Stack(栈内存) 存储一个地址,之后对应在 Heap(堆内存) 中的一个对象,其中有很多方法,可以进行操作数据。

  • 例子:

    var n1 = 1;
    var n2 = new Number(1);
    

    两者区别在于:

    • n1 类型是 Number(基本数据类型) ,直接储存在 Stack(栈内存) 中
    • n2 类型是基本包装类型,在 Stack(栈内存) 存储一个地址,之后 对应在 Heap(堆内存) 中的一个对象,其中有很多方法,可以进行操作数据。

引用类型 和 基本包装类型 区别

引用类型 和 基本包装类型 区别在于对象的生存期

  • 使用 new 操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中

  • 自动创建的基本包装类型的对象,只存在与一行代码的执行瞬间,然后立即被销毁

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

推荐阅读更多精彩内容