0

0

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

php是最好的语言

php是最好的语言

发布时间:2018-08-08 15:50:13

|

3594人浏览过

|

来源于php中文网

原创

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(表示十二月)。

  1. date: 整数,表示一个月的某一天。

  2. hour: 整数,表示一天的某一个小时(24小时制)。

    MusicLM
    MusicLM

    谷歌平台的AI作曲工具,用文字生成音乐

    下载
  3. minute: 整数,表示时间计数的分钟片段。

  4. second: 整数,表示时间计数的秒片段。

  5. 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,即自然对数的底数(约等于 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()

返回该对象的源代码

相关推荐:

js基础之DOM中document对象的常用属性方法详解

JS实现给对象动态添加属性的方法

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

514

2023.06.20

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

251

2023.07.05

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

746

2023.07.05

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

215

2023.08.11

正则表达式空格
正则表达式空格

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

351

2023.08.31

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

293

2023.11.13

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

236

2023.11.17

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

532

2023.12.06

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

1

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 8.1万人学习

AngularJS教程
AngularJS教程

共24课时 | 3.1万人学习

550W粉丝大佬手把手从零学JavaScript
550W粉丝大佬手把手从零学JavaScript

共1课时 | 0.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号