JavaScript常用对象

常见的几种对象及其属性和用法:

(1).Array 对象

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

创建 Array 对象的语法:

new Array();

new Array(size);

new Array(element0, element1, ..., elementn);

参数

参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象属性

属性     描述

constructor     返回对创建此对象的数组函数的引用。

length     设置或返回数组中元素的数目。

prototype     使您有能力向对象添加属性和方法。

Array 对象方法

方法     描述

concat()     连接两个或更多的数组,并返回结果。

join()     把数组的所有元素放入一个字符串。元素通过指定的分隔符进

行分隔。

pop()     删除并返回数组的最后一个元素

push()     向数组的末尾添加一个或更多元素,并返回新的长度。

reverse()     颠倒数组中元素的顺序。

shift()     删除并返回数组的第一个元素

slice()     从某个已有的数组返回选定的元素

sort()     对数组的元素进行排序

splice()     删除元素,并向数组添加新元素。

toSource()     返回该对象的源代码。

toString()     把数组转换为字符串,并返回结果。

toLocaleString()     把数组转换为本地数组,并返回结果。

unshift()     向数组的开头添加一个或更多元素,并返回新的长度

valueOf()     返回数组对象的原始值

例子:

var arr = new Array(3);

arr[0] = "hello";

arr[1] = 3.245;

arr[2] = "a";

document.write(arr+‘<br/>‘);//hello,world,hahaha

document.write(arr.concat(‘123‘)+‘<br/>‘);

document.write(arr.join()+‘<br/>‘);

document.write(arr.pop()+‘<br/>‘);

document.write(arr.shift()+‘<br/>‘);

document.write(arr.unshift()+‘<br/>‘);

document.write(arr.push("hi")+‘<br/>‘);//4

document.write(arr.reverse()+‘<br/>‘);

document.write(arr.sort());//

/*运行结果:

hello,3.245,a

hello,3.245,a,123

hello,3.245,a

a

hello

1

2

hi,3.245

3.245,hi

*/

(2).Date 对象

Date 对象用于处理日期和时间。

创建 Date 对象的语法:

var myDate=new Date()

注释:Date 对象会自动把当前日期和时间保存为其初始值。

Date 对象属性

属性     描述

constructor     返回对创建此对象的 Date 函数的引用。

prototype     使您有能力向对象添加属性和方法。

Date 对象方法

方法     描述

Date()     返回当日的日期和时间。

getDate()     从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay()     从 Date 对象返回一周中的某一天 (0 ~ 6)。

getMonth()     从 Date 对象返回月份 (0 ~ 11)。

getFullYear()     从 Date 对象以四位数字返回年份。

getYear()     请使用 getFullYear() 方法代替。

getHours()     返回 Date 对象的小时 (0 ~ 23)。

getMinutes()     返回 Date 对象的分钟 (0 ~ 59)。

getSeconds()     返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds()     返回 Date 对象的毫秒(0 ~ 999)。

getTime()     返回 1970 年 1 月 1 日至今的毫秒数。

getTimezoneOffset()     返回本地时间与格林威治标准时间 (GMT) 的

分钟差。

getUTCDate()     根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。

getUTCDay()     根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。

getUTCMonth()     根据世界时从 Date 对象返回月份 (0 ~ 11)。

getUTCFullYear()     根据世界时从 Date 对象返回四位数的年份

getUTCHours()     根据世界时返回 Date 对象的小时 (0 ~ 23)。

getUTCMinutes()     根据世界时返回 Date 对象的分钟 (0 ~ 59)

getUTCSeconds()     根据世界时返回 Date 对象的秒钟 (0 ~ 59)

getUTCMilliseconds()     根据世界时返回 Date 对象的毫秒(0 ~ 999)

parse()     返回1970年1月1日午夜到指定日期(字符串)的毫秒

数。

setDate()     设置 Date 对象中月的某一天 (1 ~ 31)。

setMonth()     设置 Date 对象中月份 (0 ~ 11)。

setFullYear()     设置 Date 对象中的年份(四位数字)。

setYear()     请使用 setFullYear() 方法代替。

setHours()     设置 Date 对象中的小时 (0 ~ 23)。

setMinutes()     设置 Date 对象中的分钟 (0 ~ 59)。

setSeconds()     设置 Date 对象中的秒钟 (0 ~ 59)。

setMilliseconds()     设置 Date 对象中的毫秒 (0 ~ 999)。

setTime()     以毫秒设置 Date 对象。

setUTCDate()     根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。

setUTCMonth()     根据世界时设置 Date 对象中的月份 (0 ~ 11)。

setUTCFullYear()     根据世界时设置 Date 对象中的年份(四位

数字)。

setUTCHours()     根据世界时设置 Date 对象中的小时 (0 ~ 23)。

setUTCMinutes()     根据世界时设置 Date 对象中的分钟 (0 ~

59)。

setUTCSeconds()     根据世界时设置 Date 对象中的秒钟 (0 ~

59)。

setUTCMilliseconds()     根据世界时设置 Date 对象中的毫秒 (0 ~

999)。

toSource()     返回该对象的源代码。

toString()     把 Date 对象转换为字符串。

toTimeString()     把 Date 对象的时间部分转换为字符串。

toDateString()     把 Date 对象的日期部分转换为字符串。

toGMTString()     请使用 toUTCString() 方法代替。

toUTCString()     根据世界时,把 Date 对象转换为字符串。

toLocaleString()     根据本地时间格式,把 Date 对象转换为字

符串。

toLocaleTimeString()     根据本地时间格式,把 Date 对象的时间部

分转换为字符串。

toLocaleDateString()     根据本地时间格式,把 Date 对象的日期部

分转换为字符串。

UTC()     根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。

valueOf()     返回 Date 对象的原始值。

例子:

var dt = new Date();

document.write(dt.getFullYear()+‘<br/>‘);

document.write(dt.getYear()+‘<br/>‘);

document.write(dt.getDate()+‘<br/>‘);

document.write(dt.getMonth()+‘<br/>‘);

document.write(dt.getDay()+‘<br/>‘);

document.write(dt.getMinutes()+‘<br/>‘);

document.write(dt.getHours()+‘<br/>‘);

document.write(dt.getSeconds()+‘<br/>‘);

document.write(dt.getMilliseconds()+‘<br/>‘);

document.write(dt.toDateString()+‘<br/>‘);//Sun Jul 19 2015

document.write(Date()+‘<br/>‘);//Sun Jul 19 2015 18:30:55 GMT+0800 (中国标准时间)

/*运行结果:

2015

115

29

6

3

13

17

29

313

Wed Jul 29 2015

Wed Jul 29 2015 17:13:29 GMT+0800

*/

(3).String 对象

String 对象用于处理文本(字符串)。

创建 String 对象的语法:

new String(s);

String(s);

参数

参数 s 是要存储在 String 对象中或转换成原始字符串的值。

返回值

当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。当不用 new 运算符调用 String() 时,它只把 s 转换成原始的字符串,并返回转换后的值。

String 对象属性

属性     描述

constructor     对创建该对象的函数的引用

length     字符串的长度

prototype     允许您向对象添加属性和方法

String 对象方法

方法     描述

anchor()     创建 HTML 锚。

big()     用大号字体显示字符串。

blink()     显示闪动字符串。

bold()     使用粗体显示字符串。

charAt()     返回在指定位置的字符。

charCodeAt()     返回在指定的位置的字符的 Unicode 编码。

concat()     连接字符串。

fixed()     以打字机文本显示字符串。

fontcolor()     使用指定的颜色来显示字符串。

fontsize()     使用指定的尺寸来显示字符串。

fromCharCode()     从字符编码创建一个字符串。

indexOf()     检索字符串。

italics()     使用斜体显示字符串。

lastIndexOf()     从后向前搜索字符串。

link()     将字符串显示为链接。

localeCompare()     用本地特定的顺序来比较两个字符串。

match()     找到一个或多个正则表达式的匹配。

replace()     替换与正则表达式匹配的子串。

search()     检索与正则表达式相匹配的值。

slice()     提取字符串的片断,并在新的字符串中返回被提取的

部分。

small()     使用小字号来显示字符串。

split()     把字符串分割为字符串数组。

strike()     使用删除线来显示字符串。

sub()     把字符串显示为下标。

substr()     从起始索引号提取字符串中指定数目的字符。

substring()     提取字符串中两个指定的索引号之间的字符。

sup()     把字符串显示为上标。

toLocaleLowerCase()     把字符串转换为小写。

toLocaleUpperCase()     把字符串转换为大写。

toLowerCase()     把字符串转换为小写。

toUpperCase()     把字符串转换为大写。

toSource()     代表对象的源代码。

toString()     返回字符串。

valueOf()     返回某个字符串对象的原始值。

String 对象描述

字符串是 JavaScript 的一种基本的数据类型。String 对象的 length 属性声明了该字符串中的字符数。String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。需要注意的是,JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。在较早的 Netscape 代码基的 JavaScript 实现中(例如
Firefox 实现中),字符串的行为就像只读的字符数组。例如,从字符串 s 中提取第三个字符,可以用 s[2] 代替更加标准的 s.charAt(2)。此外,对字符串应用 for/in 循环时,它将枚举字符串中每个字符的数组下标(但要注意,ECMAScript 标准规定,不能枚举 length 属性)。因为字符串的数组行为不标准,所以应该避免使用它。

例子:

var str = ‘helloworld‘;

/*alert((str.indexOf(‘he‘) >= 0) ? ‘find‘:‘not find‘);*/

document.write(str.indexOf(‘mm‘)+‘<br/>‘);

document.write(str.fontcolor("blue")+‘<br/>‘);

document.write(str.strike()+‘<br/>‘);//显示带有删除符号的字符串

document.write(str.concat("hi")+‘<br/>‘);

document.write(str.toUpperCase()+‘<br/>‘);

document.write(str.toLowerCase()+‘<br/>‘);

document.write(str.replace(‘he‘,‘nihao‘)+‘<br/>‘);

/*运行结果:

-1

helloworld

helloworld

helloworldhi

HELLOWORLD

helloworld

nihaolloworld*/

(4).Number 对象

Number 对象是原始数值的包装对象。

创建 Number 对象的语法:

var myNum=new Number(value);

var myNum=Number(value);

参数

参数 value 是要创建的 Number 对象的数值,或是要转换成数字的值。

返回值

当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象。如果不用 new 运算符,把 Number() 作为一个函数来调用,它将把自己的参数转换成一个原始的数值,并且返回这个值(如果转换失败,则返回 NaN)。

Number 对象属性

属性     描述

constructor     返回对创建此对象的 Number 函数的引用。

MAX_VALUE     可表示的最大的数。

MIN_VALUE     可表示的最小的数。

NaN     非数字值。

NEGATIVE_INFINITY     负无穷大,溢出时返回该值。

POSITIVE_INFINITY     正无穷大,溢出时返回该值。

prototype     使您有能力向对象添加属性和方法。

Number 对象方法

方法     描述

toString     把数字转换为字符串,使用指定的基数。

toLocaleString     把数字转换为字符串,使用本地数字格式顺序。

toFixed     把数字转换为字符串,结果的小数点后有指定位数的

数字。

toExponential     把对象的值转换为指数计数法。

toPrecision     把数字格式化为指定的长度。

valueOf     返回一个 Number 对象的基本数字值。

Number 对象描述

在 JavaScript 中,数字是一种基本的数据类型。JavaScript 还支持 Number 对象,该对象是原始数值的包装对象。在必要时,JavaScript 会自动地在原始数据和对象之间转换。在 JavaScript 1.1 中,可以用构造函数 Number() 明确地创建一个 Number 对象,尽管这样做并没有什么必要。构造函数 Number() 可以不与运算符 new 一起使用,而直接作为转化函数来使用。以这种方式调用 Number() 时,它会把自己的参数转化成一个数字,然后返回转换后的原始数值(或
NaN)。构造函数通常还用作 5 个有用的数字常量的占位符,这 5 个有用的数字常量分别是可表示的最大数、可表示的最小数、正无穷大、负无穷大和特殊的 NaN 值。 注意,这些值是构造函数 Number() 自身的属性,而不是单独的某个 Number 对象的属性。

比如这样使用属性 MAX_VALUE 是正确的:

var big = Number.MAX_VALUE

但是这样是错误的:

var n= new Number(2);

var big = n.MAX_VALUE

作为比较,我们看一下 toString() 和 Number 对象的其他方法,它们是每个 Number 对象的方法,而不是 Number() 构造函数的方法。前面提到过,在必要时,JavaScript 会自动地把原始数值转化成 Number 对象,调用 Number 方法的既可以是 Number 对象,也可以是原始数字值。

var n = 123;

var binary_value = n.toString(2);

(5).Boolean 对象

Boolean 对象表示两个值:"true" 或 "false"。

创建 Boolean 对象的语法:

new Boolean(value);    //构造函数

Boolean(value);        //转换函数

参数

参数 value 由布尔对象存放的值或者要转换成布尔值的值。

返回值

当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象。如果作为一个函数(不带有运算符 new)调用时,Boolean() 只将把它的参数转换成一个原始的布尔值,并且返回这个值。注释:如果省略 value 参数,或者设置为 0、-0、null、""、false、undefined 或 NaN,则该对象设置为 false。否则设置为 true(即使 value 参数是字符串 "false")。

Boolean 对象属性

属性     描述

constructor     返回对创建此对象的 Boolean 函数的引用

prototype     使您有能力向对象添加属性和方法。

Boolean 对象方法

方法     描述

toSource()     返回该对象的源代码。

toString()     把逻辑值转换为字符串,并返回结果。

valueOf()     返回 Boolean 对象的原始值。

Boolean 对象描述

在 JavaScript 中,布尔值是一种基本的数据类型。Boolean 对象是一个将布尔值打包的布尔对象。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。当调用 toString() 方法将布尔值转换成字符串时(通常是由 JavaScript 隐式地调用),JavaScript 会内在地将这个布尔值转换成一个临时的 Boolean 对象,然后调用这个对象toString() 方法。

(6).Math 对象

Math 对象用于执行数学任务。使用 Math 的属性和方法的语法:

var pi_value=Math.PI;

var sqrt_value=Math.sqrt(15);

注释:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。

Math 对象属性

属性     描述

E     返回算术常量 e,即自然对数的底数(约等于2.718)。

LN2     返回 2 的自然对数(约等于0.693)。

LN10     返回 10 的自然对数(约等于2.302)。

LOG2E     返回以 2 为底的 e 的对数(约等于 1.414)。

LOG10E     返回以 10 为底的 e 的对数(约等于0.434)。

PI     返回圆周率(约等于3.14159)。

SQRT1_2     返回返回 2 的平方根的倒数(约等于 0.707)。

SQRT2     返回 2 的平方根(约等于 1.414)。

Math 对象方法

方法     描述

abs(x)     返回数的绝对值。

acos(x)     返回数的反余弦值。

asin(x)     返回数的反正弦值。

atan(x)     以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的

反正切值。

atan2(y,x)     返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与

PI/2 弧度之间)。

ceil(x)     对数进行上舍入。

cos(x)     返回数的余弦。

exp(x)     返回 e 的指数。

floor(x)     对数进行下舍入。

log(x)     返回数的自然对数(底为e)。

max(x,y)     返回 x 和 y 中的最高值。

min(x,y)     返回 x 和 y 中的最低值。

pow(x,y)     返回 x 的 y 次幂。

random()     返回 0 ~ 1 之间的随机数。

round(x)     把数四舍五入为最接近的整数。

sin(x)     返回数的正弦。

sqrt(x)     返回数的平方根。

tan(x)     返回角的正切。

toSource()     返回该对象的源代码。

valueOf()     返回 Math 对象的原始值。

例子:

document.write(Math.floor(2.3)+‘<br/>‘);//math全部为静态方法。

document.write(Math.ceil(2.3)+‘<br/>‘);

document.write(Math.round(2.3)+‘<br/>‘);

document.write(Math.sqrt(10)+‘<br/>‘);

document.write(Math.random()*5+5+‘<br/>‘);//返回[5,10)

document.write(Math.random()+‘<br/>‘);  //返回[0,1)

/*运行结果:

2

3

2

3.1622776601683795

8.213993671524253

0.3670194675527746

*/

(7).JavaScript 全局对象

全局属性和函数可用于所有内建的 JavaScript 对象。顶层函数(全局函数)

函数     描述

decodeURI()     解码某个编码的 URI。

decodeURIComponent()     解码一个编码的 URI 组件。

encodeURI()     把字符串编码为 URI。

encodeURIComponent()     把字符串编码为 URI 组件。

escape()     对字符串进行编码。

eval()     计算 JavaScript 字符串,并把它作为脚本代码来执行。

getClass()     返回一个 JavaObject 的 JavaClass。

isFinite()     检查某个值是否为有穷大的数。

isNaN()     检查某个值是否是数字。

Number()     把对象的值转换为数字。

parseFloat()     解析一个字符串并返回一个浮点数。

parseInt()     解析一个字符串并返回一个整数。

String()     把对象的值转换为字符串。

unescape()     对由 escape() 编码的字符串进行解码。

顶层属性(全局属性)

方法     描述

Infinity     代表正的无穷大的数值。

java     代表 java.* 包层级的一个 JavaPackage。

NaN     指示某个值是不是数字值。

Packages     根 JavaPackage 对象。

undefined     指示未定义的值。

全局对象描述全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性,所以它没有名称。在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。但通常不必用这种方式引用全局对象,因为全局对象是作用域链的头,这意味着所有非限定性的变量和函数名都会作为该对象的属性来查询。例如,当JavaScript 代码引用 parseInt() 函数时,它引用的是全局对象的 parseInt 属性。全局对象是作用域链的头,还意味着在顶层
JavaScript 代码中声明的所有变量都将成为全局对象的属性。全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。在 JavaScript 代码嵌入一个特殊环境中时,全局对象通常具有环境特定的属性。实际上,ECMAScript 标准没有规定全局对象的类型,JavaScript 的实现或嵌入的 JavaScript 都可以把任意类型的对象作为全局对象,只要该对象定义了这里列出的基本属性和函数。例如,在允许通过 LiveConnect 或相关的技术来脚本化 Java 的 JavaScript
实现中,全局对象被赋予了这里列出的 java 和 Package 属性以及 getClass() 方法。而在客户端 JavaScript 中,全局对象就是 Window 对象,表示允许 JavaScript 代码的 Web 浏览器窗口。

例子

在 JavaScript 核心语言中,全局对象的预定义属性都是不可枚举的,所有可以用 for/in  循环列出所有隐式或显式声明的全局变量,如下所示:

var variables = "";

for (var name in this)

{

variables += name + "<br />";

}

document.write(variables);

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-07 19:43:09

JavaScript常用对象的相关文章

Javascript常用对象的属性和方法

javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算)和Date(日期)三种对象和其它一些相关的方法.从而为编程人员快速开发强大的脚本程序提供了非常有利的条件. 1.常用内部对象 在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例:而另一种对象则在引用它的对象或方法是

JavaScript常用对象Array(1)

Array类型几乎是JavaScript中最常用的类型了.JavaScript中数组的概念与Java,C中类似,但有两点需要强调: 1.Array中每一项保存的数据类型可以不同.例如第一项保存一个字符串数据,第二项保存一个数值等. 2.Array数组的长度是可以动态调整的.也就是可以随时对一个数组增添新的内容. Array对象的创建 Array对象的访问.添加元素 Array对象转换为字符串 Array对象的栈方法及队列方法 Array对象的排序方法 Array对象的创建 使用Array构造函数

JavaScript常用对象有哪些

1.String 2.Date 3.Math 4.Array 5.Number 6.Boolean

javascript常用的对象

<!DOCTYPE html> <html> <head> <title>javascript常用的对象</title> <meta charset="UTF-8"> <script type="text/javascript"> //日期对象 var date = new Date(); document.write(date.getFullYear()+"年"

JavaScript 字符串对象的常用处理

在前端开发中,我们常常面临着各种操作,各种处理,其中字符串处理就是所用非常之高的,有的开发人员甚至会将其他的数据类型转成字符串数据类型,进行操作后,在转回去,这样做有好处,也有坏处,那现在就看下,字符串都有哪些处理方式,有说错的地方欢迎大家指正 string对象属性 length 定义:length 属性可返回字符串的字符长度 console.log("asdasd".length) //6 constructor 定义:对创建该对象的函数的引用,是不是不明白,就是返回创建这个对象的函

javascript之dom编程(2):常用对象1

一:history对象 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script type="text/javascript"> //history对象 记录用户访问的url function myback(){ window.alert(histor

javascript的对象

BOM模型:window(整个BOM的核心):history.document.location. BOM可实现功能1.弹出新的浏览器窗口2.移动.关闭浏览器窗口及调整窗口的大小3.页面的前进.后退 常用的属性:history(属性名称):有关客户访问过的URL的信息(说明) location(属相名称):有关当前URL的信息(说明) window.属性值=“属性值”(URL) 常用的方法:prompt()(方法名):显示可提示用户输入的对话框 alert()(方法名):显示带有一个提示信息和一

javascript 判断对象类型

typeof typeof是一个一元运算符,它返回的结果 始终是一个字符串,对不同的操作数,它返回不同的结果. 此表总结了typeof所有可能的返回值: 操作数类型 返回值 undefined "undefined" Null "object" Boolean "boolean" Number "number" String "string" 函数对象 "function" E4X XM

JavaScript数学对象Math的创建与使用

Js中Math对象不用使用new创建,直接使用即可 常用的功能有,取绝对值,四舍五入,取整,随机数,取最大最小值 取绝对值:Math.abs(number) <script type="text/javascript"> // 绝对值 document.write("-100的绝对值为:" + Math.abs(-100) + '<br/>'); // 100 </script> 四舍五入,Math.round(number) &