javascript基本包装类型介绍

时间: 作者:程关

  

[js基本包装类型]javascript基本包装类型介绍

  

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

  

  

一.基本包装类型概述  

  
  
  var box = 'Mr. Lee';//定义一个字符串  var box2 = box.substring(2);//截掉字符串前两位  alert(box2);//输出新字符串
  
  

  
  变量 box 是一个字符串类型,而 box.substring(2)又说明它是一个对象(PS:只有对象才会调用方法),最后把处理结果赋值给 box2。'Mr. Lee'是一个字符串类型的值,按道理它不应该是对象,不应该会有自己的方法,比如:  

  

alert('Mr. Lee'.substring(2));//直接通过值来调用方法  

  

  
  1.字面量写法:  

  
  
  var box = 'Mr. Lee';//字面量  box.name = 'Lee';//无效属性  box.age = function () {//无效方法  return 100;  };  alert(box);//Mr. Lee  alert(box.substring(2));//. Lee  alert(typeof box);//string  alert(box.name);//undefined  alert(box.age());//错误
  
  

  
  2.new 运算符写法:  

  
  
  var box = new String('Mr. Lee');//new 运算符  box.name = 'Lee';//有效属性  box.age = function () {//有效方法  return 100;  };  alert(box);//Mr. Lee  alert(box.substring(2));//. Lee  alert(typeof box);//object  alert(box.name);//Lee  alert(box.age());//100
  
  

  
  以上字面量声明和 new 运算符声明很好的展示了他们之间的区别。但有一定还是可以肯定的,那就是不管字面量形式还是 new 运算符形式,都可以使用它的内置方法。并且Boolean 和 Number 特性与 String 相同,三种类型可以成为基本包装类型。

  

  

PS:在使用 new 运算符创建以上三种类型的对象时,可以给自己添加属性和方法,但我们建议不要这样使用,因为这样会导致根本分不清到底是基本类型值还是引用类型值。

  

  

二.Boolean 类型  

  

Boolean 类型没有特定的属性或者方法。

  

  

三.Number 类型  

  

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

  

  

Number 静态属性  

  

  

  

Number 对象的方法  

  

  

  
  
  var box = 1000.789;  alert(box.toString());//转换为字符串,传参可以转换进制  alert(box.toLocaleString());//本地形式,1,000.789  alert(box.toFixed(2));//小数点保留,1000.78  alert(box.toExponential());//指数形式,传参会保留小数点  alert(box.toPrecision(3));//指数或点形式,传参保留小数点
  
  

四.String 类型  

  

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

  

  

String 对象属性  

  

  

  

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

  

  

字符方法  

  

  

  
  
  var box = 'Mr.Lee';  alert(box.charAt(1));//r  alert(box.charCodeAt(1));//114  alert(box[1]);//r,通过数组方式截取
  
  

PS:box[1]在 IE 浏览器会显示 undefined,所以使用时要慎重。

  

  

字符串操作方法  

  

   (责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | js代码 | jQuery特效 | 其他代码 | 关于我们

Copyright © 2010-2019 菲娱国际平台 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 菲娱国际平台