美文网首页
JavaScript中的内置对象

JavaScript中的内置对象

作者: 指尖的宇宙 | 来源:发表于2018-06-07 17:38 被阅读0次

JavaScript中的内置对象

所有编程语言都具有内部(或内置的)对象来创建 语言的基本功能。内部对象是编写自定义代码所用语言的基础,JavaScript有许多将其定义为语言的内部对象,本文介绍了一些 最常用的对象,并简要介绍了它们 有哪些功能以及如何使用这些功能。

1.Number

JavaScript Number 对象是一个数值包装器。可以将其与 new 关键词结合使用,并将其设置为一个变量:

var myNumber = new Number(numeric value);

除了存储数值, Number 对象包含各种属性和 方法,Number 对象可用的所有属性 都是只读常量,这意味着它们的值始终保持 不变,不能更改。有 4 个属性包含在 Number 对象里:

  • MAX_VALUE
  • MIN_VALUE
  • NEGATIVE_INFINITY
  • POSITIVE_INFINITY

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

console.log(Number.MAX_VALUE); // 1.7976931348623157e+308

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

console.log(Number.MIN_VALUE); // 5e-324

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

console.log(Number.NEGATIVE_INFINITY);// -Infinity

POSITIVE_INFINITY 属性是大于 MAX_VALUE 的任意数,表示为 Infinity:

  console.log(Number.POSITIVE_INFINITY); // Infinity

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

  • toExponential
  • toFixed
  • toPrecision
  • toString
  • valueOf

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

JavaScript 中的每个对象都包含一个 toString 和 valueOf 方法,toString 方法返回数字的字符串表示(在本例中),但是在其他对象中它返回相应对象类型的字符串表示。valueOf 方法返回调用它的对象类型的原始值,在本例中为 Number 对象。

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

2.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 语句。当与 条件语句 结合使用时,可以基于编写的条件使用布尔值确定结果。

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);// 9

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

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

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

关于具体的使用方式这里不做过多的描述,我会专门开一篇详实总结 js中的字符串操作。

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 方法返回 格林尼治标准时间和本地时间之间的时间差,以分钟为单位。

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 那样复杂,尽管它的确通过颠倒元素更改数组中元素的顺序。

Math

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

var pi = Math.PI;

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

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

更多有用成长信息请关注我的个人公众号:
指尖的宇宙

您也可以搜索:supreme_mindest 找到我。

用文字记录生命,践行终生成长。

公众号二维码.jpg

相关文章

  • 网络编程(十八) JavaScript(8)

    一、 JavaScript内置对象 1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 、内置对...

  • JS-day05-5.3

    内置对象 JavaScript中的对象分为3种:内置对象、浏览器对象、自定义对象 JavaScript 提供多个内...

  • js内置对象

    1 - 内置对象 1.1 内置对象 ​ JavaScript 中的对象分为3种:自定义对象 、内置对...

  • 11.JavaScript内置对象(Math对象、日期对象、数组

    1 - 内置对象 1.1 内置对象 ​ JavaScript 中的对象分为3种:自定义对象 、内置对...

  • 原型与原型链

    javascript中的每个对象都有一个内置的属性prototype,Javascript中对象的prototyp...

  • javascript 内置对象

    javascript 中的对象分为3种: 自定义对象、内置对象、浏览器对象; 内置对象: 就是JS自带的对象, ...

  • 内置对象

    JavaScript的对象有三种:自定义对象、内置对象、浏览器对象ECMAScript中的对象:自定义对象 、内置...

  • JavaScript(Day02)

    1、JavaScript数组 2、JavaScript对象的使用 3、JavaScript内置对象

  • TypeScript 入门教程 — 内置对象

    JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。 内置对象是指...

  • 1.4JavaScript 弹出框与内置对象

    消息框 JavaScript内置对象JavaScript对象 :1. js内置对象、js事件对象、3.BOM浏览器...

网友评论

      本文标题:JavaScript中的内置对象

      本文链接:https://www.haomeiwen.com/subject/shtnsftx.html