6 基本包装类型

为了便于操作基本类型值, ECMAScript 还提供了 3 个特殊的引用类型: Boolean、 Number 和String。这些类型与本章介绍的其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。来看下面的例子。
var s1 = "some text";
var s2 = s1.substring(2);

(1) 创建 String 类型的一个实例;
(2) 在实例上调用指定的方法;
(3) 销毁这个实例。
可以将以上三个步骤想象成是执行了下列 ECMAScript 代码。
var s1 = new String("some text");
var s2 = s1.substring(2);
s1 = null;
经过此番处理,基本的字符串值就变得跟对象一样了。而且,上面这三个步骤也分别适用于 Boolean
和 Number 类型对应的布尔值和数字值

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

这意味着我们不能在运行时为基本类型值添加属性和方法。来看
下面的例子:
var s1 = "some text";
s1.color = "red";
alert(s1.color); //undefined

Object 构造函数也会像工厂方法一样,根据传入值的类型返回相应基本包装类型的实例。例如:
var obj = new Object("some text");
alert(obj instanceof String); //true
把字符串传给 Object 构造函数,就会创建 String 的实例;而传入数值参数会得到 Number 的实例,传入布尔值参数就会得到 Boolean 的实例。

1 Boolean类型

可是, Boolean 对象在 ECMAScript 中的用处不大,因为它经
常会造成人们的误解。其中最常见的问题就是在布尔表达式中使用 Boolean 对象,例如:
var falseObject = new Boolean(false);
var result = falseObject && true;
alert(result); //true
var falseValue = false;
result = falseValue && true;
alert(result); //false

基本类型与引用类型的布尔值还有两个区别。首先, typeof 操作符对基本类型返回"boolean",而对引用类型返回"object"。其次,由于 Boolean 对象是 Boolean 类型的实例,所以使用 instanceof操作符测试 Boolean 对象会返回 true,而测试基本类型的布尔值则返回 false。例如:
alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false
理解基本类型的布尔值与 Boolean 对象之间的区别非常重要——当然,我们的建议是永远不要使用 Boolean 对象。

2 Number类型

Number 是与数字值对应的引用类型。要创建 Number 对象,可以在调用 Number 构造函数时向其中传递相应的数值。下面是一个例子。
var numberObject = new Number(10);

与 Boolean 类型一样, Number 类型也重写了 valueOf()、 toLocaleString()和 toString()方法。重写后的 valueOf()方法返回对象表示的基本类型的数值,另外两个方法则返回字符串形式的数值。我们在第 3 章还介绍过,可以为 toString()方法传递一个表示基数的参数,告诉它返回几进制数值的字符串形式,如下面的例子所示。
var num = 10;
alert(num.toString()); //"10"
alert(num.toString(2)); //"1010"
alert(num.toString(8)); //"12"
alert(num.toString(10)); //"10"
alert(num.toString(16)); //"a"
NumberTypeExample01.htm
除了继承的方法之外, Number 类型还提供了一些用于将数值格式化为字符串的方法。其中, toFixed()方法会按照指定的小数位返回数值的字符串表示,例如:
var num = 10;
alert(num.toFixed(2)); //"10.00"
NumberTypeExample01.htm
这里给 toFixed()方法传入了数值 2,意思是显示几位小数。于是,这个方法返回了"10.00",即以 0 填补了必要的小数位。如果数值本身包含的小数位比指定的还多,那么接近指定的最大小数位的值就会舍入,如下面的例子所示。
var num = 10.005;
alert(num.toFixed(2)); //"10.01"
能够自动舍入的特性,使得 toFixed()方法很适合处理货币值。但需要注意的是,不同浏览器给
这个方法设定的舍入规则可能会有所不同。在给 toFixed()传入 0 的情况下, IE8 及之前版本不能正确
舍入范围在{(0.94,0.5],[0.5,0.94)}之间的值。对于这个范围内的值, IE 会返回 0,而不是1 或 1;其他
浏览器都能返回正确的值
另外可用于格式化数值的方法是 toExponential(),该方法返回以指数表示法(也称 e 表示法)
表示的数值的字符串形式。与 toFixed()一样, toExponential()也接收一个参数,而且该参数同样
也是指定输出结果中的小数位数。看下面的例子。
var num = 10;
alert(num.toExponential(1)); //"1.0e+1"
以上代码输出了"1.0e+1";不过,这么小的数值一般不必使用 e 表示法。如果你想得到表示某个数值的最合适的格式,就应该使用 toPrecision()方法。对于一个数值来说, toPrecision()方法可能会返回固定大小(fixed)格式,也可能返回指数(exponential)格式;具体规则是看哪种格式最合适。这个方法接收一个参数,即表示数值的所有数字的位数(不包括指数部分)。

3 String类型

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

3.1  字符方法

2. 字符串操作方法
3. 字符串位置方法

4 字符串的模式匹配方法
....

js中字符串存在很多的方法,所以在需要对字符串进行操作之前,先不要自己写方法,先看看字符串都有哪些方法,当找不到的时候再实现方法。

window 对象
ECMAScript 虽然没有指出如何直接访问 Global 对象,但 Web 浏览器都是将这个全局对象作为
window 对象的一部分加以实现的。因此,在全局作用域中声明的所有变量和函数,就都成为了 window
对象的属性。来看下面的例子

Math对象

1. Math 对象的属性
Math 对象包含的属性大都是数学计算中可能会用到的一些特殊值。下表列出了这些属性。
属 性 说 明
Math.E 自然对数的底数,即常量e的值
Math.LN10 10的自然对数
Math.LN2 2的自然对数
Math.LOG2E 以2为底e的对数
Math.LOG10E 以10为底e的对数
Math.PI
π的值
Math.SQRT1_2 1/2的平方根(即2的平方根的倒数)
Math.SQRT2 2的平方根
虽然讨论这些值的含义和用途超出了本书范围,但你确实可以随时使用它们。
2. min()和 max()方法
Math 对象还包含许多方法,用于辅助完成简单和复杂的数学计算。
其中, min()和 max()方法用于确定一组数值中的最小值和最大值。这两个方法都可以接收任意多
个数值参数,如下面的例子所示。

对于 3、 54、 32 和 16, Math.max()返回 54,而 Math.min()返回 3。这两个方法经常用于避免多
余的循环和在 if 语句中确定一组数的最大值。
要找到数组中的最大或最小值,可以像下面这样使用 apply()方法。
var values = [1, 2, 3, 4, 5, 6, 7, 8];
var max = Math.max.apply(Math, values);
这个技巧的关键是把 Math 对象作为 apply()的第一个参数,从而正确地设置 this 值。然后,可
以将任何数组作为第二个参数。
3. 舍入方法
下面来介绍将小数值舍入为整数的几个方法: Math.ceil()、 Math.floor()和 Math.round()。
这三个方法分别遵循下列舍入规则:
 Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数;
 Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数;
 Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数(这也是我们在数学课
上学到的舍入规则)。
下面是使用这些方法的示例:
alert(Math.ceil(25.9)); //26
alert(Math.ceil(25.5)); //26
alert(Math.ceil(25.1)); //26
alert(Math.round(25.9)); //26
alert(Math.round(25.5)); //26
alert(Math.round(25.1)); //25
alert(Math.floor(25.9)); //25
alert(Math.floor(25.5)); //25
alert(Math.floor(25.1)); //25
MathObjectRoundingExample01.htm
对于所有介于 25 和 26(不包括 26)之间的数值, Math.ceil()始终返回 26,因为它执行的是向
上舍入。 Math.round()方法只在数值大于等于 25.5 时返回 26;否则返回 25。最后, Math.floor()
对所有介于 25 和 26(不包括 26)之间的数值都返回 25。
4. random()方法
Math.random()方法返回大于等于 0 小于 1 的一个随机数。对于某些站点来说,这个方法非常实用,
因为可以利用它来随机显示一些名人名言和新闻事件。套用下面的公式,就可以利用 Math.random()
从某个整数范围内随机选择一个值。
值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)

5. 其他方法
Math 对象中还包含其他一些与完成各种简单或复杂计算有关的方法,但详细讨论其中每一个方法
的细节及适用情形超出了本书的范围。下面我们就给出一个表格,其中列出了这些没有介绍到的 Math
对象的方法。

方 法 说 明 方 法 说 明
Math.abs(num) 返回num 的绝对值
Math.exp(num) 返回Math.E 的num 次幂
Math.log(num) 返回num 的自然对数
Math.pow(num,power) 返回num 的power 次幂
Math.sqrt(num) 返回num 的平方根
Math.acos(x) 返回x 的反余弦值
Math.asin(x) 返回x 的反正弦值
Math.atan(x) 返回x 的反正切值
Math.atan2(y,x) 返回y/x 的反正切值
Math.cos(x) 返回x 的余弦值
Math.sin(x) 返回x 的正弦值
Math.tan(x) 返回x 的正切值

第5 章 引用类型2相关推荐

  1. 【Java基础学习笔记】- Day11 - 第四章 引用类型用法总结

    Java基础学习笔记 - Day11 - 第四章 引用类型用法总结 Java基础学习笔记 - Day11 - 第四章 引用类型用法总结 4.1 class作为成员变量 4.2 interface作为成 ...

  2. 2020.11.4 《JavaScript高级教程》 第四章 变量、作用域和内存问题 第五章 引用类型(对象 数组 date function)

    第四章 变量,作用域和内存问题 基本类型和引用类型的区别 1.基本类型不能直接添加属性 引用类型可以直接添加属性: var person = new object();person.name = &q ...

  3. js高级教程阅读笔记 第五章-引用类型(5.6)

    函数内部属性 函数中有两个特殊的对象. arguments:它包含了所有的参数,重要的是它的一个叫做callee的属性,用于指向拥有这个参数的函数.好处是什么呢 实例: function fa(num ...

  4. JavaScript高级程序设计读书笔记(第5章引用类型之Array类型)

    为什么80%的码农都做不了架构师?>>> 1.数组长度 //lenth会自动更新 var arr=["black","red","g ...

  5. javascript高级程序设计学笔记——第五章 引用类型

    对象是某个特定引用类型的实例:新对象是使用new操作符后跟构造函数来创建的,构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而存在的: 一.Object类型 创建Object实例的方式有两 ...

  6. JS高级程序设计精简版(第五章:引用类型)附思维导图

    时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法.有不足之处欢迎大家评论区指出,共勉!! 第五章 引用 ...

  7. 第5章基本引用类型(高阶第四版笔记)

    第五章引用类型前言 目录 第五章引用类型前言 一,DATE 语法 参数 返回值 注释 示例: 二,RegExp 三,原始值包装类型:Boolean.Number.String Boolean 栗子: ...

  8. 《JavaScript 高级程序设计》笔记 第1~5章

    第1章 js是专为网页交互而设计的脚本语言,由3部分组成: ECMAScript,提供核心语言功能 DOM文档对象模型,提供访问和操作网页内容的方法和接口 BOM浏览器对象模型,提供与浏览器交互的方法 ...

  9. javascript高级程序设计 学习笔记 第五章 上

      第五章   引用类型的值(对象)是引用类型的一个实例.在 ECMAScript 中,引用类型是一种数据结构, 用于将数据和功能组织在一起.它也常被称为类,但这种称呼并不妥当.尽管 ECMAScri ...

  10. java_final、权限、内部类、引用类型

    第一章 final关键字 1.1 概述 学习了继承后,我们知道,子类可以在父类的基础上改写父类内容,比如,方法重写.那么我们能不能随意的继承 API中提供的类,改写其内容呢?显然这是不合适的.为了避免 ...

最新文章

  1. Windows 技术篇-win+R运行搜索gpedit.msc提示“MMC 不能打开文件”解决方法
  2. Agile Use Cases in Four Steps
  3. linux unset path,linux查看和修改PATH环境变量的方法
  4. [TODO]Python拾遗(二)
  5. 洛谷 P4011 孤岛营救问题【最短路+分层图】
  6. windows MySQL 5+ 服务手动安装
  7. Android 面试题总结
  8. 瑞友虚拟化系统搭建服务器,瑞友云电脑虚拟化系统 | 瑞友天翼-应用虚拟化|远程接入|桌面虚拟化|国内虚拟化整体解决方案领导者...
  9. 先一XDB实时数据库采集
  10. Ubuntu 各版本号和名称对照
  11. G 音乐鉴赏(非二分解法)
  12. 原来使用 Pandas 绘制图表也这么惊艳!
  13. 【案例20】NC系统was部署后无法登录
  14. 构建一个代号为1的聊天应用程序4
  15. 短视频处理LanSoEditor-SDK之抠图和动画设计
  16. 电子计算机4个发展阶段的划分,计算机以什么划分发展阶段
  17. 【删库跑路】使用Binlog日志恢复误删的MySQL数据
  18. 服务器流量异常的原因分析和解决办法
  19. git pull (merge远程分支到本地)
  20. java计算机毕业设计网上宠物商店系统源码+系统+数据库+lw文档+mybatis+运行部署

热门文章

  1. 利用 Google Chart API 生成二维码大小不一致
  2. Linux jdk 环境变量配置
  3. 怎样开放1433端口
  4. Linux sed 批量替换多个文件中的字符串【转载】
  5. UIScrollView---iOS-Apple苹果官方文档翻译
  6. Linux 网络性能测试工具 iperf 的安装和使用
  7. 大项目之网上书城(一)——注册页面
  8. 开发自己的工作流(一)
  9. IDEA工具配置weblogic
  10. Java静态变量,常量,成员变量,局部变量