首页

web前端

js教程

js常用对象有哪些？详解js对象的属性及方法

php是最好的语言

Aug 08, 2018 pm 03:50 PM

js获取对象的属性有多种方法，本文没有过多的赘述，文章重点讲解了js的一些常用对象以及它们各自的属性与方法，文章有些长，可能看着比较杂乱，但都是作者精心整理的，目的也是希望能对大家有帮，分享给大家作为参考，不足之处烦请谅解。

一、数字对象

Number 对象表示数值日期，整数或浮点数。一般情况下，你不需要担心 Number 对象，因为浏览器自动将数字文本转换为数字类的实例。

1、创建一个Number 对象

var val = new Number(number);

如果该参数不能转换为数字，它将返回为NaN(Not-a-Number) 。

2、数字属性

属性	描述
MAX_VALUE	最大的可能值在 JavaScript 中的数量可以有 1.7976931348623157E+308
MIN_VALUE	最小的可能值在 JavaScript 中的数量可以有 5E-324
NaN	等价于一个值不是一个数字
NEGATIVE INFINIT Y	比 MIN-VALUE 小的值
POSITIVE_INFINIT Y	比 MAX-VALUE 大的值

prototype 数字对象的静态属性，使用原型对象的属性来给当前文档中的数字对象分配新的属性和方法。

3、数字方法

方法	描述
constructor()	返回创建此对象的实例的函数。默认这是数字对象
toExponentia l()	将一个数字强制以指数表示法显示，即使这个数字在 JavaScript 通常规定使用标准符号表示的范围之内
toFixed()	格式一个数为小数点右边有特定位数的小数
toLocaleStrin g()	返回当前数字的字符串值版本的格式可能根据浏览器的区域设置不同而发生变化
toPrecision()	定义了总共有多少有多少为来显示一个数(包括小数点左边和右边的数)
toString()	返回数的值的字符串表示形式
valueOf()	返回数的值

二、布尔对象

Boolean 对象表示两个值，不是“真”就是“假”。

1、创建一个Boolean 对象

var val = new Boolean(value);

如果省略value 参数或参数是 0，-0 ，空，假， NaN ，未定义，或者是空字符串(“ ”)，这个对象初始值为假。

2、布尔属性

属性	描述
constructor	返回创建这个对象的布尔函数的一个引用
prototype	原型属性允许您添加对象的属性和方法

3、布尔方法

方法	描述
toSource()	返回一个包含布尔对象来源的一个字符串;你可以使用这个字符串来创建一个等效的对象。
toString()	根据对象的值来返回“真”或者“假”。
valueOf()	返回数的值

三、字符串对象

String 对象通过大量的辅助方法来操作一系列字符的组合(即字符串)，这些方法隐藏了 JavaScript 字符串原始数据类型。

因为JavaScript 可以实现原始字符串数组和字符串对象之间的自动转换，可以调用字符串对象的任何一个辅助方法作用于原始字符串数据。

1、创建一个String 对象

var val = new String(string);

参数string 是正确编码的字符序列。

2、String 属性

属性	描述
constructor	返回创建这个对象的布尔函数的一个引用
prototype	原型属性允许您添加对象的属性和方法
length	字符串的长度

3、String 对象方法

方法	描述
charAt()	返回在指定位置的字符
charCodeAt()	返回在指定的位置的字符的 Unicode 编码
concat()	连接字符串
indexOf()	检索字符串
lastIndexOf()	从后向前检索字符串
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	把字符串转换为小写
toLocaleUpperCase()	把字符串转换为大写
toLowerCase()	把字符串转换为小写
toString()	返回字符串
toUpperCase()	把字符串转换为大写
valueOf()	返回数的值

4、String 的 HTML 基本类型包装器

方法	描述
author()	创建一个 HTML 锚作为一个超文本的目标
big()	创建一个字符串用大号字体显示，就像使用标签的效果
blink()	创建一个字符串闪动显示，就像使用标签的效果
bold()	创建一个字符串加粗显示，就像使用标签的效果
fixed()	创建一个字符串以打字机文本显示，就像使用 `标签的效果`
fontcolor()	创建一个字符串使用指定的颜色显示，就像使用标签的效果
fontsize()	创建一个字符串使用指定的尺寸显示，就像使用标签的效果
italics()	创建一个字符串使用斜体显示，就像使用标签的效果
link()	创建一个 HTML 超链接,用来请求另一个 URL
small()	创建一个字符串使用小字号显示，就像使用标签的效果
strike()	创建一个字符串使用删除线显示，就像使用 ~~标签的效果~~
sub()	创建一个字符串显示为下标，就像使用 _{标签的效果}
sup()	创建一个字符串显示为上标，就像使用^{标签的效果}

四、数组对象

Array 对象用于在单个的变量中存储多个值。

1、创建一个Array 对象

var fruits = new Array("apple","orange","mango");

数组的参数可以是一组字符串或整数。当你为数组构造函数指定一个数值参数时，数组的初始长度就被确定了。数组允许的最大长度是4,294,967,295。

可以通过简单赋值来创建一个数组，如下所示:

var fruits = ["apple","orange","mango"];

可以通过序列号(下标)来访问和设置数组内元素的值，如下所示:

• fruits[0] 是第一个元素

• fruits[1] 是第二个元素

• fruits[2] 是第三个元素

2、数组属性

属性	描述
constructor	返回对创建该对象的函数的引用
index	从零开始检索匹配的字符串
input	只见于通过正则表达式创建的数组
length	设置或返回数组中元素的数目
prototype	原型属性允许您添加对象的属性和方法

3、Array 对象方法

方法	描述
concat()	连接两个或更多的数组，并返回结果
every()	对数组元素应用指定的函数进行判断，当且仅当所有返回值为 true，返回 true，否则返回 fal se
filter()	创建一个新数组，数组中的元素是原数组中满足过滤函数返回值为空的元素
forEach()	从头到尾遍历数组，为每个元素调用制定的函数
indexOf()	从头到尾检索，返回给定元素在数组中的索引
join()	把数组的所有元素放入一个字符串。元素通过制定的分隔符进行分割
lastIndexO f()	从尾到头检索，返回给定元素在数组中的索引
map()	创建一个新数组，用来存储原数组中每个元素调用指定函数的返回值
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	同时对数组中的两个值应用一个函数，使减少到一个单一值(从头到尾)
reduceRigh t()	同时对数组中的两个值应用一个函数，使减少到一个单一值(从尾到头)
reverse()	颠倒数组中元素的顺序
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
some()	对数组元素应用指定的函数进行判断，只有有一个返回值为 true，返回 true，否则返回 false
toSource()	返回该对象的源代码
sort()	将数组中的元素进行排序
splice()	在数组中插入或删除元素
toString()	把数组转换为字符串，并返回结果
unshift()	将一个或多个元素添加到数组的前面,并返回新数组的长度

五、日期对象

Date 对象是 JavaScript 语言的一个内置数据类型。Date 对象用 new Date() 创建，如下所示。

Date 对象一旦被创建，就可以使用许多方法来操作它。大多数方法只允许获取并设置对象的年、月、日、小时、分钟、秒、和毫秒字段，可以使用当地时间或世界标准时间(UTC，GMT)时间。

ECMAScript 标准要求的 Date 对象能够代表任何日期和时间，在1/1/1970之前或之后的 1 亿天内精确到毫秒。这是一个正负 273785 年的变化范围，所以 JavaScript 能够表示直到 275755 年的日期和时间。

1、Date() 构造函数

new Date()

new Date(milliseconds)

new Date(datestring)

new Date(year,month,date[,hour,minute,second,millisecond])

参数描述：

No Argument: 不带参数，Date() 构造函数创建一个日期对象，设置为当前日期和时间。

milliseconds: 当传递一个数字作为参数，它作为表示日期中毫秒的内部数字，作为 getTime() 方法的返回值中的毫秒。例如，通过传递参数 5000 创建一个日期对象，代表 1/1/1970 午夜过去 5 秒钟。

datestring: 当传递一个字符串作为参数，它必须是一个日期形式的字符串，即可以被 Date.parse() 方法接收的格式。
7 agrument: 对于上面给出的最后一种形式的构造函数，下面是每个参数的描述:

year: 整数，表示年。为了兼容性(为了避免Y2K问题)，应该完整地指定年;使用 1998而不是 98。

month:整数，表示月。从 0(表示一月)开始到 11(表示十二月)。

date: 整数，表示一个月的某一天。
hour: 整数，表示一天的某一个小时(24小时制)。
minute: 整数，表示时间计数的分钟片段。
second: 整数，表示时间计数的秒片段。
milliseconds: 整数，表示时间计数的毫秒片段。

2、Date属性

属性	描述
constructor	返回对创建该对象的函数的引用
prototype	原型属性允许您添加对象的属性和方法

3、Date方法

方法	描述
Date()	返回当日的日期和时间
getDate()	根据本地时从Date对象返回一个月中的某一天(1 ~ 31)
getDay()	根据本地时从Date对象返回一周中的某一天(1 ~ 6)
getFullYear()	根据本地时从 Date 对象以四位数字返回年份
getHours()	根据本地时返回 Date 对象的小时 (0 ~ 23)
getMilliseconds()	根据本地时返回 Date 对象的毫秒(0 ~ 999)
getMinutes()	根据本地时返回 Date 对象的分钟 (0 ~ 59)
getMonth()	根据本地时从Date对象返回月份(1 ~ 11)
getSeconds()	根据本地时返回 Date 对象的秒数 (0 ~ 59)
getTime()	根据本地时返回 1970 年 1 月 1 日至今的毫秒数
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)
getUTCMillisecond s()	根据世界时返回 Date 对象的毫秒(0 ~ 999)
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)
getYear()	弃用,返回在指定的日期根据当地时间。使用getFullYear()代替。
setDate()	根据本地时设置 Date 对象中月的某一天 (1 ~ 31)
setFullYear()	根据本地时设置 Date 对象中的年份(四位数字)
setHours()	根据本地时设置 Date 对象中的小时 (0 ~ 23)
setMilliseconds()	根据本地时设置 Date 对象中的毫秒 (0 ~ 999)
setMinutes()	根据本地时设置 Date 对象中的分钟 (0 ~ 59)
setMonth()	根据本地时设置 Date 对象中月份 (0 ~ 11)
setSeconds()	根据本地时设置 Date 对象中的秒钟 (0 ~ 59)
setTime()	根据本地时以毫秒设置 Date 对象
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)
setUTCFullYear()	根据世界时设置 Date 对象中的年份(四位数字)
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)
setUTCMillisecond s()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)
setYear()	弃用,设置为指定的日期根据当地时间。使用 setFullYear() 代替。
toDateString()	把 Date 对象的日期部分转换为字符串
toGMTString()	弃用,将日期转换为一个字符串,使用互联网格林尼治时间约定。使用 toUTCString() 代替。
toLocalDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串
toLocalFormat()	将日期转换为一个字符串,使用格式化字符串。
toLocalString()	根据本地时间格式，把 Date 对象转换为字符串
toLocalTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串
toSource()	返回一个字符串代表一个等价的日期对象的源码,您可以使用这个值来创建一个新的对象
toString()	把 Date 对象转换为字符串
toTimeString()	把 Date 对象的时间部分转换为字符串
toUCTString()	根据世界时，把 Date 对象转换为字符串
valueOf()	返回Date 对象的原始值

Date 静态方法

方法	描述
Date.parse()	返回 1970 年 1 月 1 日午夜到指定日期(字符串)的毫秒数
Date.UTC()	根据世界时返回1970 年 1 月 1 日到指定日期的毫秒数

六、算数对象

Math 对象提供针对数学常量的属性、方法的和功能。

不同于其他的全局对象，Math 不是一个构造函数。Math 的所有属性和方法都是静态的，无需创建它，通过把 Ma th 作为对象使用就可以调用其所有属性和方法。

因此，可以定义常量pi 为 Math.PI，也可以调用sin函数 Math.sin(x)，其中 x 是方法的参数。

1、简单使用

var pi_val = Math.PI;

var sine_val = Math.sin(30);

2、Math属性

属性	描述
E	返回算术常量 e，即自然对数的底数(约等于 2.718)
LN2	返回 2 的自然对数(约等于 0.693)
LN10	返回 10 的自然对数(约等于 2.302)
LOG2E	返回以 2 为底的对数(约等于 1.414)
LOG10E	返回以 10 为底的对数(约等于 0.434)
PI	返回圆周率(约等于 3.14159)
SQRT1_2	返回 2 的平方根的倒数(约等于 0.707)
SQRT2	返回2的平方根(约等于 1.414)

3、Math方法

方法	描述
abs()	返回数的绝对值
acos()	返回数的反余弦值
asin()	返回数的反正弦值
atan()	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值
atan2()	返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)
ceil()	对数进行上舍入
cos()	返回数的余弦
exp()	返回 e 的指数
floor()	对数进行下舍入
log()	返回数的自然对数(底为e)
max()	返回 x 和 y 中的最高值
min()	返回 x 和 y 中的最低值
pow()	返回 x 的 y 次幂
random()	返回 0~1 之间的随机数
round()	把数四舍五入为最接近的整数
sin()	返回数的正弦
sqort()	返回数的平方根
tan()	返回角的正切
toSource()	返回该对象的源代码