JS内置对象
1、JavaScript中的对象分为三种:自定义对象、内置对象、浏览器对象。
2、自定义对象和内置对象都属于ECMAScript。
3、内置对象:就是指JS语言自带的一些对象,这些对象可供开发者使用,并提供了一些常用的或最基本必要的功能。
4、JavaScript提供多个内置对象:Math、Date、Array、String等。
Date方法
1.介绍
1.1、说明:是操作日期和时间的对象。Date对象的操作只能通过方法
1.2、属性:无;Date对象对日期和时间的操作只能通过方法。
2. 构造函数
2.1 new Date() :返回当前的本地日期和时间
2.2 new Date(milliseconds) :把毫秒数转换为Date对象
2.3 new Date(dateStr) :把字符串转换为Date对象
2.4 new Date(year, month, opt_day, opt_hours, opt_minutes, opt_seconds, opt_milliseconds) :把年月日、时分秒转换为Date对象
3. 实例方法
3.1 get方法
getFullYear() :返回Date对象的年份值;4位年份
getMonth() :返回Date对象的月份值。从0开始,所以真实月份=返回值+1
getDate() :返回Date对象的月份中的日期值;值的范围1~31
getHours() :返回Date对象的小时值
getMinutes() :返回Date对象的分钟值
getSeconds() :返回Date对象的秒数值
getMilliseconds() :返回Date对象的毫秒值
getDay() :返回Date对象的一周中的星期值;0为星期天,1为星期一、2为星期二,依此类推
getTime() :返回Date对象与’1970/01/01 00:00:00’之间的毫秒值(北京时间的时区为东8区,起点时间实际为:‘1970/01/01 08:00:00’)
3.2 set方法
setFullYear(year, opt_month, opt_date) :Date对象年份值;
setMonth(month, opt_date) :Date对象月份值。0为1月,11为12月
setDate(date) :Date对象的月份中的日期值;值的范围1~31
setHours(hour, opt_min, opt_sec, opt_msec) :Date对象的小时值
setMinutes(min, opt_sec, opt_msec) :Date对象的分钟值
setSeconds(sec, opt_msec) :Date对象的秒数值
setMilliseconds(msec) :Date对象的毫秒值
3.3 其他方法
toString() :将Date转换为一个’年月日 时分秒’字符串
toLocaleString() :将Date转换为一个’年月日 时分秒’的本地格式字符串
toDateString() :将Date转换为一个’年月日’字符串
toLocaleDateString() :将Date转换为一个’年月日’的本地格式字符串
toTimeString() :将Date转换为一个’时分秒’字符串
toLocaleTimeString() :将Date转换为一个’时分秒’的本地格式字符串
valueOf() :与getTime()一样, 返回Date对象与’1970/01/01 00:00:00’之间的毫秒值(北京时间的时区为东8区,起点时间实际为:‘1970/01/01 08:00:00’)
4. 静态方法
4.1 Date.now()
说明:返回当前日期和时间的Date对象与’1970/01/01 00:00:00’之间的毫秒值(北京时间的时区为东8区,起点时间实际为:‘1970/01/01 08:00:00’)
参数:无
返回值:
{int} :当前时间与起始时间之间的毫秒数。
4.2 Date.parse(dateStr)
说明:把字符串转换为Date对象 ,然后返回此Date对象与’1970/01/01 00:00:00’之间的毫秒值(北京时间的时区为东8区,起点时间实际为:‘1970/01/01 08:00:00’)
返回值:
{int} 返回转换后的Date对象与起始时间之间的毫秒数。
5. 实际操作
5.1 C#的DateTime类型转换为Js的Date对象
说明:C#的DateTime类型通过Json序列化返回给前台的格式为:"/Date(1419492640000)/" 。中间的数字,表示DateTime的值与起始时间之间的毫秒数。
5.2 获取倒计时
说明:计算当前时间离目的时间相差多少天时分
5.3 比较2个Date对象的大小
说明:可以对比2者的与起始时间的毫秒数,来区分大小
详细的方法请查看以下:
var date = new Date(); //当前时间
console.log(date);
console.log(date.getTime()); //时间戳
console.log(date.getFullYear()); //年份
console.log(date.getMonth()); //月份,月份为0-11,获取的月份加1得当前月份
console.log(date.getDate()); //日
console.log(date.getHours()); //时
console.log(date.getMinutes()); //分
console.log(date.getSeconds()); //秒
Math方法
il, floor, random, round, max, min, abs, sqrt
详细的Math方法请查看下面表格:
Math 对象 | 功能 |
---|---|
Math.PI | 圆周率 |
Math.max() | 函数返回一组数中的最大值 |
Math.floor() | 向下取整 |
Math.ceil() | 向上取整 |
Math.random() | 随机数 |
Math.round() | 四舍五入 就近取整 注意点:-3.5 结果是-3 |
Math.abs() | 绝对值 |
Math.max() Math.min() | 求最大值和最小值 |
Array方法
indexOf, concat, reverse, sort, splice, slice, join, pop, push, shift, unshift, map;
改变原数组方法:reverse, sort, splice, pop, push, shift, unshift;
返回新数组方法:concat, slice, map;
详细的Array方法请查看下面链接:
方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度 |
reverse() | 颠倒数组中元素的顺序 |
shift() | 删除并返回数组的第一个元素 |
slice() | 从某个已有的数组返回选定的元素 |
sort() | 对数组的元素进行排序 |
splice() | 删除元素,并向数组添加新元素 |
toSource() | 返回该对象的源代码 |
toString() | 把数组转换为字符串,并返回结果 |
toLocaleString() | 把数组转换为本地数组,并返回结果 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度 |
valueOf() | 返回数组对象的原始值 |
String方法
indexOf, concat, slice,match, charAt, replace, search, split, substring, toLowerCase, toUpperCase;
返回新字符串:concat, slice, replace;
返回数组:match;
返回数字:search;
详细的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() | 返回某个字符串对象的原始值。 |
Object方法
创建对象的三种方法:
new Object()
Object.create()
{}
JSON方法
JSON.parse():将字符串反序列化成对象
JSON.stringify()::将对象序列化成JSON字符串
RegExp方法
new RegExp(pattern, attributes); /pattern/attributes
RegExpObject.test(string)、RegExpObject.exec(string)
详细说明请看以下:
修饰符
修饰符 | 描述 |
---|---|
i | 执行对大小写不敏感的匹配。 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m | 执行多行匹配。 |
方括号
方括号用于查找某个范围内的字符:
表达式 | 描述 |
---|---|
[abc] | 查找方括号之间的任何字符。 |
[^abc] | 查找任何不在方括号之间的字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
[a-z] | 查找任何从小写 a 到小写 z 的字符。 |
[A-Z] | 查找任何从大写 A 到大写 Z 的字符。 |
[A-z] | 查找任何从大写 A 到小写 z 的字符。 |
[adgk] | 查找给定集合内的任何字符。 |
[^adgk] | 查找给定集合外的任何字符。 |
(red | blue |
元字符
元字符(Metacharacter)是拥有特殊含义的字符:
元字符 | 描述 |
---|---|
. | 查找单个字符,除了换行和行结束符。 |
\w | 查找单词字符。 |
\W | 查找非单词字符。 |
\d | 查找数字。 |
\D | 查找非数字字符。 |
\s | 查找空白字符。 |
\S | 查找非空白字符。 |
\b | 匹配单词边界。 |
\B | 匹配非单词边界。 |
\0 | 查找 NUL 字符。 |
\n | 查找换行符。 |
\f | 查找换页符。 |
\r | 查找回车符。 |
\t | 查找制表符。 |
\v | 查找垂直制表符。 |
\xxx | 查找以八进制数 xxx 规定的字符。 |
\xdd | 查找以十六进制数 dd 规定的字符。 |
\uxxxx | 查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词
量词 | 描述 |
---|---|
n+ | 匹配任何包含至少一个 n 的字符串。 |
n* | 匹配任何包含零个或多个 n 的字符串。 |
n? | 匹配任何包含零个或一个 n 的字符串。 |
n{X} | 匹配包含 X 个 n 的序列的字符串。 |
n{X,Y} | 匹配包含 X 至 Y 个 n 的序列的字符串。 |
n{X,} | 匹配包含至少 X 个 n 的序列的字符串。 |
n$ | 匹配任何结尾为 n 的字符串。 |
^n | 匹配任何开头为 n 的字符串。 |
?=n | 匹配任何其后紧接指定字符串 n 的字符串。 |
?!n | 匹配任何其后没有紧接指定字符串 n 的字符串。 |
RegExp 对象属性
属性 | 描述 | FF | IE |
---|---|---|---|
global | RegExp 对象是否具有标志 g。 | 1 | 4 |
ignoreCase | RegExp 对象是否具有标志 i。 | 1 | 4 |
lastIndex | 一个整数,标示开始下一次匹配的字符位置。 | 1 | 4 |
multiline | RegExp 对象是否具有标志 m。 | 1 | 4 |
source | 正则表达式的源文本。 | 1 | 4 |
RegExp 对象方法
方法 | 描述 | FF | IE |
---|---|---|---|
compile | 编译正则表达式。 | 1 | 4 |
exec | 检索字符串中指定的值。返回找到的值,并确定其位置。 | 1 | 4 |
test | 检索字符串中指定的值。返回 true 或 false。 | 1 | 4 |
支持正则表达式的 String 对象的方法
方法 | 描述 | FF | IE |
---|---|---|---|
search | 检索与正则表达式相匹配的值。 | 1 | 4 |
match | 找到一个或多个正则表达式的匹配。 | 1 | 4 |
replace | 替换与正则表达式匹配的子串。 | 1 | 4 |
split | 把字符串分割为字符串数组。 | 1 | 4 |
Window方法
重要属性:document/history/location/Screen/Navigatior
常用方法:alert/blur/open/close/focus/scrollTo/setTimeout/setInterval/resizeTo/confirm/prompt
详细说明请看以下:
Window 对象属性
属性 | 描述 |
---|---|
closed | 返回窗口是否已被关闭。 |
defaultStatus | 设置或返回窗口状态栏中的默认文本。 |
document | 对 Document 对象的只读引用。请参阅 Document 对象。 |
history | 对 History 对象的只读引用。请参数 History 对象。 |
innerheight | 返回窗口的文档显示区的高度。 |
innerwidth | 返回窗口的文档显示区的宽度。 |
length | 设置或返回窗口中的框架数量。 |
location | 用于窗口或框架的 Location 对象。请参阅 Location 对象。 |
name | 设置或返回窗口的名称。 |
Navigator | 对 Navigator 对象的只读引用。请参数 Navigator 对象。 |
opener | |
outerheight | 返回窗口的外部高度。 |
outerwidth | 返回窗口的外部宽度。 |
pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
parent | 返回父窗口。 |
Screen | 对 Screen 对象的只读引用。请参数 Screen 对象。 |
self | 返回对当前窗口的引用。等价于 Window 属性。 |
status | 设置窗口状态栏的文本。 |
top | 返回最顶层的先辈窗口。 |
window | window 属性等价于 self 属性,它包含了对窗口自身的引用。 |
Window 对象方法
方法 | 描述 |
---|---|
alert() | 显示带有一段消息和一个确认按钮的警告框。 |
blur() | 把键盘焦点从顶层窗口移开。 |
clearInterval() | 取消由 setInterval() 设置的 timeout。 |
clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 |
close() | 关闭浏览器窗口。 |
confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
createPopup() | 创建一个 pop-up 窗口。 |
focus() | 把键盘焦点给予一个窗口。 |
moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 |
moveTo() | 把窗口的左上角移动到一个指定的坐标。 |
open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 |
print() | 打印当前窗口的内容。 |
prompt() | 显示可提示用户输入的对话框。 |
resizeBy() | 按照指定的像素调整窗口的大小。 |
resizeTo() | 把窗口的大小调整到指定的宽度和高度。 |
scrollBy() | 按照指定的像素值来滚动内容。 |
scrollTo() | 把内容滚动到指定的坐标。 |
setInterval() | 按照指定的周期(以毫秒计)来调用函数或计算表达式。 |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式。 |
Global方法
eval/Number/String/parseInt/parseFloat/encodeURI/decodeURI
详细说明请看以下:
顶层函数(全局函数)
函数 | 描述 |
---|---|
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 | 指示未定义的值。 |