了解JavaScript中的内置对象

分享到

了解JavaScript中的内置对象

作者:Kris Hadlock ,发布于2013-4-11

摘要：JavaScript是一种灵活的语言，这有时使它名声较差，但是往好的一面看，它也向您提供了快速、创造性地编写代码的能力。它提供的属性和方法仅仅是可以实现功能的开始是您的想象力创建了自定义功能。因此，您的想象力没有界限，您编写的代码也没有界限。
所有编程语言都具有内部（或内置的）对象来创建语言的基本功能。内部对象是您编写自定义代码所用语言的基础，该代码基于您的想象实现自定义功能。JavaScript有许多将其定义为语言的内部对象。本文介绍了一些最常用的对象，并简要介绍了它们有哪些功能以及如何使用这些功能。

Number

JavaScript Number对象是一个数值包装器。您可以将其与new关键词结合使用，并将其设置为一个稍后要在JavaScript代码中使用的变量：

var myNumber = new Number(numeric value);

或者，您可以通过将一个变量设置为一个数值来创建一个 Number 对象。然后，该变量将能够访问该对象可用的属性和方法。

除了存储数值， Number对象包含各种属性和方法，用于操作或检索关于数字的信息。 Number对象可用的所有属性都是只读常量，这意味着它们的值始终保持不变，不能更改。有4个属性包含在Number对象里：

MAX_VALUE
MIN_VALUE
NEGATIVE_INFINITY
POSITIVE_INFINITY

MAX_VALUE 属性返回 1.7976931348623157e+308 值，它是JavaScript能够处理的最大数字：

document.write(Number.MAX_VALUE);  
 
 // Result is: 1.7976931348623157e+308

另外，使用MIN_VALUE返回5e-324值，这是JavaScript中最小的数字：

document.write(Number.MIN_VALUE); 
// Result is: 5e-324

NEGATIVE_INFINITY 是JavaScript能够处理的最大负数，表示为-Infinity：

document.write(Number.NEGATIVE_INFINITY);

// Result is: -Infinity

POSITIVE_INFINITY属性是大于MAX_VALUE的任意数，表示为Infinity：

document.write(Number.NEGATIVE_INFINITY);  
 
 // Result is: -Infinity

Number对象还有一些方法，您可以用这些方法对数值进行格式化或进行转换。这些方法包括：

toExponential
toFixed
toPrecision
toString
valueOf

每种方法基本上执行如其名称所暗示的操作。例如，toExponential方法以指数形式返回数字的字符串表示。每种方法的独特之处在于它接受的参数。toExponential 方法有一个可选参数，可用于设置要使用多少有效数字，toFixed方法基于所传递的参数确定小数精度，toPrecision方法基于所传递的参数确定要显示的有效数字。

JavaScript中的每个对象都包含一个toString和valueOf方法，因此这些方法在前面的章节中不介绍。toString方法返回数字的字符串表示（在本例中），但是在其他对象中，它返回相应对象类型的字符串表示。valueOf 方法返回调用它的对象类型的原始值，在本例中Number对象

仅Number对象似乎并不十分强大，但它是任何编程语言的一个重要组成部分，JavaScript也不例外。JavaScript Number对象为任何数学程序提供基础，这基本上是所有编程语言的基础。

Boolean

Boolean在尝试用JavaScript创建任何逻辑时是必要的。Boolean是一个代表true或false值的对象。Boolean对象有多个值，这些值相当于false值（0、 -0、null 或 “” [一个空字串]），未定义的 (NaN)，当然还有false。所有其他布尔值相当于true值。该对象可以通过new关键词进行实例化，但通常是一个被设为true或false 值的变量：

var myBoolean = true;

Boolean对象包括toString和valueOf方法，尽管您不太可能需要使用这些方法。Boolean最常用于在条件语句中true或false值的简单判断。布尔值和条件语句的组合提供了一种使用JavaScript 创建逻辑的方式。此类条件语句的示例包括if、if…else、 if…else…if以及switch语句。当与条件语句结合使用时，您可以基于您编写的条件使用布尔值确定结果。清单1显示了条件语句与布尔值相结合的一个简单示例。

清单 1. 与布尔值相结合的条件语句

var myBoolean = true;  
 
 if(myBoolean == true) {  
 
 // If the condition evaluates to true  
 
 }  
 
 else {  
 
 // If the condition evaluates to false  
 
 }

不言而喻，Boolean 对象是 JavaScript 一个极其重要的组成部分。如果没有 Boolean 对象，在条件语句内便无法进行判断。

String

JavaScript String 对象是文本值的包装器。除了存储文本， String 对象包含一个属性和各种方法来操作或收集有关文本的信息。与 Boolean 对象类似， String 对象不需要进行实例化便能够使用。例如，您可以将一个变量设置为一个字符串，然后 String 对象的所有属性或方法都可用于该变量：

var myString = "My string";

String 对象只有一个属性，即 length，它是只读的。length 属性可用于只返回字符串的长度：您不能在外部修改它。随后的代码提供了使用 length 属性确定一个字符串中的字符数的示例：

var myString = "My string";  
 
 document.write(myString.length);  
 
 // Results in a numeric value of 9

该代码的结果是 9，因为两个词之间的空格也作为一个字符计算。

在 String 对象中有相当多的方法可用于操作和收集有关文本的信息。以下是可用的方法列表：

charAt
charCodeAt
concat
fromCharCode
indexOf
lastIndexOf
match
replace
search
slice
split
substr
substring
toLowerCase
toUpperCase

chartAt 方法可用于基于您作为参数传递的索引检索特定字符。下面的代码说明了如何返回字符串的第一个字符：

var myString = "My string";  
 
 document.write(myString.chartAt(0);  
 
 // Results in M

如果您需要相反的结果，有几个方法可返回字符串中的指定字符或字符集，而不使用索引返回字符。这些方法包括 indexOf 和 lastIndexOf，这两个方法都包含两个参数：searchString 和 start。 searchString 参数是起始索引， start 参数告诉方法从哪里开始搜索。这两个方法之间的区别在于， indexOf 返回第一个索引， lastIndexOf 返回最后一个索引。

charCodeAt 方法类似于 charAt：惟一的区别在于它返回 Unicode 字符。另一种与 Unicode 相关的方法（包括在 String 对象中）是 fromCharCode，它将 Unicode 转换为字符。

如果您想要组合字符串，可以使用加号 (+) 将这些字符串加起来，或者您可以更适当地使用 concat 方法。该方法接受无限数量的字符串参数，连接它们，并将综合结果作为新字符串返回。清单 2 展示了如何使用 concat 实例将多个字符串合并成一个。

清单 2. 使用 concat 方法合并多个字符串

var myString1 = "My";  
 
 var myString2 = " ";  
 
 var myString3 = "string";  
 
 document.write(myString.concat(myString1, myString2, myString3);  
 
 // Results in "My String"

还有一组 String 方法接受正则表达式作为一个参数，以查找或修改一个字符串。这些包括 match、 replace 和 search 方法。match 方法使用正则表达式搜索特定字符串并返回所有的匹配的字符串。 replace 方法实际上接受子字符串或正则表达式和替换字符串作为其第二个参数，用替换字符串更换所有匹配项，并返回更新的字符串。这些方法的最后一个是 search 方法，它搜索正则表达式的匹配结果并返回其位置。

如果需要修改字符串，有多个方法派得上用场。第一个方法是 slice 方法，它基于索引或索引的开始和结尾的组合提取并返回一个字符串的一部分。另一个方法是 split 方法。 split 方法每当找到分隔符参数时就将一个字符串分割成一系列子字符串。例如，如果将逗号 (,) 作为一个参数传递，那么字符串将在每个逗号处分割成一个新的子字符串。能够修改字符串的方法还包括 substr 方法，它基于指定为参数的起始位置和长度，从字符串提取字符，还有 substring 方法，该方法基于指定为参数的两个索引从一个字符串提取字符。能够改变字符串的最后的方法分别是 toLowerCase 和 toUpperCase，它们将字符串中的字符分别转换为小写和大写字母。这些方法在比较字符串值时非常有用，因为字符串有时可能大小写不一致。这些方法确保您在比较值，而不是大小写。

Date

JavaScript Date 对象提供了一种方式来处理日期和时间。您可以用许多不同的方式对其进行实例化，具体取决于想要的结果。例如，您可以在没有参数的情况下对其进行实例化：

var myDate = new Date();

或传递 milliseconds 作为一个参数：

var myDate = new Date(milliseconds);

您可以将一个日期字符串作为一个参数传递：

var myDate = new Date(dateString);

或者您可以传递多个参数来创建一个完整的日期：

var myDate = new Date(year, month, day,   hours, minutes, seconds, milliseconds);

此外，有几种方法可用于 Date 对象，一旦该对象得到实例化，您便可以使用这些方法。大多数可用的方法围绕获取当前时间的特定部分。以下方法是可用于 Date 对象的 getter 方法：

getDate
getDay
getFullYear
getHours
getMilliseconds
getMinutes
getMonth
getSeconds
getTime
getTimezoneOffset

如您所见，每个方法所返回的值都相当简单。区别在于所返回的值范围。例如， getDate 方法返回一个月份的天数，范围从 1 到 31；getDay 方法返回每周的天数，范围从 0 到 6； getHours 方法返回小时数值，范围从 0 到 23；getMilliseconds 函数返回毫秒数值，范围从 0 到 999。 getMinutes 和 getSeconds 方法返回一个范围从 0 到 59 的值，getMonth 方法返回一个从 0 到 11 之间的月份数值。本列表中惟一独特的方法是 getTime 和 getTimezoneOffset。 getTime 方法返回自 1/1/1970 中午 12 点的毫秒数，而 getTimezoneOffset 方法返回格林尼治标准时间和本地时间之间的时间差，以分钟为单位。

对于大多数 getter 方法，还有一个 setter 方法，接受相应的值范围内的数值参数。setter 方法如下所示：

setDate
setFullYear
setHours
setMilliseconds
setMinutes
setMonth
setSeconds
setTime

对于上述所有 getter 方法，有一些匹配的方法返回相同的值范围，只是这些值以国际标准时间设置。这些方法包括：

getUTCDate
getUTCDay
getUTCFullYear
getUTCHours
getUTCMilliseconds
getUTCMinutes
getUTCMonth
getUTCSeconds

当然，由于对于所有原始 getter 方法都有 setter 方法，对于国际标准时间也一样。这些方法包括：

setUTCDate
setUTCFullYear
setUTCHours
setUTCMilliseconds
setUTCMinutes
setUTCMonth
setUTCSeconds

正如在本文开头提到的，我不提供许多关于 toString 方法的信息，但是在 Date 对象中有一些方法可将日期转换为一个字符串，值得一提。在某些情况下，需要将日期或日期的一部分转换为一个字符串。例如，如果您将其追加到一个字符串或在比较语句中使用它。有几个方法可用于 Date 对象，提供略微不同的方法将其转换成字符串，包括：

toDateString
toLocaleDateString
toLocaleTimeString
toLocaleString
toTimeString
toUTCString

toDateString 方法将日期转换为字符串：

var myDate = new Date();  
 
 document.write(myDate.toDateString());

toDateString 返回当前日期，格式为 Tue Jul 19 2011。

toTimeString 方法将时间从 Date 对象转换为字符串：

var myDate = new Date();  
 
 document.write(myDate.toTimeString());

toTimeString 将时间作为字符串返回，格式为 23:00:00 GMT-0700 (MST)。

最后一种将日期转换为字符串的方法是 toUTCString，它将日期转换为国际标准时间的字符串。

有几种方法使用区域设置将日期转换成字符串，但是在撰写本文之时 Google Chrome 还不支持这几种方法。不支持的方法包括toLocaleDateString、 toLocaleTimeString 和 toLocaleString。

JavaScript Date 对象乍看起来似乎很简单，但是它不仅仅是一种显示当前日期的有用方式。它取决于您要创建的功能。例如，Date 对象是创建倒计时钟表或其他与时间相关的功能的基础。

Array

JavaScript Array 对象是一个存储变量的变量：您可以用它一次在一个变量中存储多个值，它有许多方法允许您操作或收集有关它所存储的值的信息。尽管 Array 对象不差别对待值类型，但是在一个单一数组中使用同类值是很好的做法。因此，在同一数组中使用数字和字符串不是好的做法。所有可用于 Array 对象的属性都是只读的，这意味着它们的值不能从外部予以更改。

可用于 Array 对象的惟一属性是 length。该属性返回一个数组中的元素数目，通常在使用循环迭代数组中的值时用到：

var myArray = new Array(1, 2, 3);  
 
 for(var i=0; i
<
myArray.length; i++) {  
 
 document.write(myArray[i]);  
 
 }

有多种方法可用于 Array 对象，您可以使用各种方法来向数组添加元素，或从数组删除元素。这些方法包括 pop、 push、shift 和 unshift。pop 和 shift 方法都从数组中删除元素。pop 方法删除并返回一个数组中的最后一个元素，而 shift 方法删除并返回一个数组中的第一个元素。相反的功能可以通过 push 和 unshift 方法实现，它们将元素添加到数组中。push 方法将元素作为新元素添加到数组的结尾，并返回新长度，而 unshift 方法将元素添加到数组的前面，并返回新长度。

在 JavaScript 中对数组进行排序可以通过两个方法实现，其中之一实际上称为 sort。另一个方法是 reverse。sort 方法的复杂之处在于，它基于可选的 sort 函数排列数组。 sort 函数可以是您编写的任何自定义函数。reverse 方法不像 sort 那样复杂，尽管它的确通过颠倒元素更改数组中元素的顺序。

在处理数组时，索引非常重要，因为它们定义数组中每个元素的位置。有两个方法可基于索引更改字符串：slice 和 splice。slice 方法接受索引或索引开始和结尾的组合作为参数，然后提取数组的一部分并基于参数将其作为新数组返回。splice 方法包括 index、 length 和 unlimited element 参数。该方法基于指定的索引将元素添加到数组，并基于指定的索引将元素从数组中删除，或基于指定的索引将元素添加到数组或从数组删除元素。还有一种方法可以基于匹配值返回一个索引： indexOf。然后您可以使用该索引截取或拼接数组。

用任何编程语言编写好代码的关键是编写有条理的代码。正如其各种方法所示， JavaScript Array 对象是一种组织数据并创建复杂功能的强大方式。

Math

JavaScript Math 对象用于执行数学函数。它不能加以实例化：您只能依据 Math 对象的原样使用它，在没有任何实例的情况下从该对象调用属性和方法：

var pi = Math.PI;

Math 对象有许多属性和方法向 JavaScript 提供数学功能。所有的 Math 属性都是只读常量，包括以下各项：

E
LN2
LN10
LOG2E
LOG10E
PI
SQRT1_2
SQRT2

E 属性返回自然对数的底数的值，或欧拉指数。该值是惟一的实数，以 Leonhard Euler 命名。调用 E 属性会产生数字 2.718281828459045。其他两个属性也用于返回自然对数：LN2 和 LN10。LN2 属性返回值为 2 的自然对数，而 LN10 属性返回值为 10 的自然对数。LOG2E 和 LOG10E 属性可用于返回 E 以 2 或 10 为底的对数。 LOG2E 的结果是 1.4426950408889633，而 LOG10E 的结果是 0.4342944819032518。通常您不需要大部分这些属性，除非您正在构建计算器或其他数学密集型项目。然而， PI 和平方根比较常见。 PI 方法返回圆周与直径的比率。两个属性返回平方根值： SQRT1_2 和 SQRT2。第一个属性返回 0.5 的平方根，而 SQRT2 返回 2 的平方根。

除了这些属性，还有几种方法可用来返回一个数的不同值。其中每种方法都接受数值，并根据方法名称返回一个值。遗憾的是，方法名称不总是显而易见的：

abs。一个数的绝对值
acos。反余弦
asin。反正弦
atan。反正切
atan2。多个数的反正切
cos。余弦
exp。幂
log。一个数的自然对数
pow。x 的 y 次方值
sin。正弦
sqrt。平方根
tan。一个角的正

有三种方法可用于在 JavaScript 中取整数： ceil、floor 和 round。ceil 方法返回一个数的向上舍入值。该方法在您需要将数字向上舍入到最接近的整数时非常有用。 floor 方法提供与 ceil 相反的功能：它返回一个数字的向下舍入值。该方法在需要将数字向下舍入到最近的整数时非常有用。 round 方法提供了普通的四舍五入功能，基于现有的小数将数字向上或向下舍入。

Math 对象中包括的最后三个方法分别是 max、min 和 random。max 方法接受多个数字参数并返回最高值，而 min 方法接受多个数字参数并返回最低值。这些方法在比较拥有数值的变量时非常有用，特别是当您事先不知道是什么数值时。您使用 random 方法返回 0 与 1 之间的一个随机数。您可以将该方法用作多种目的，比如在网站主页上显示一个随机图像，或返回一个随机数，该随机数可用作包含图像的文件路径的数组的一个索引。从该数组选择的随机图像文件路径然后可用于将该图像写到 HTML <img>标记。

结束语

JavaScript提供的属性和方法仅仅是可以实现的功能的开始：是您的想象力创建了自定义功能。由于您的想象力没有界限，因此您编写的代码也没有界限。JavaScript是一种灵活的语言，这有时使它名声较差，但是往好的一面看，它也向您提供了快速、创造性地编写代码的能力。如需进一步了解JavaScript对象，以及如何使用 JavaScript语言创建您自己的自定义对象，请务必查看参考资料部分。

中台产品面面观

如何在互联网产品中建立中台？

什么是产品生命周期管理？

产品设计之前，如何分析业务需求和用户痛点？