欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javaScript 常用对象属性和方法

程序员文章站 2022-05-07 20:11:56
...

js 内置对象属性及方法

内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化阶段就被创建好的对象,是后者的一个子集;而后者包括了一些在运行过程中动态创建的对象。
javaScript 常用对象属性和方法

1.Number

属性:

constructor 返回创建此对象的Number函数的引用
prototype 指向原型对象
MAX_VALUE 可表示最大的数
MIN_VALUE 可表示最小的数
NaN Equal to a value that is not a number.
NEGATIVE_INFINITY A value that is less than MIN_VALUE.
POSOTIVE_INFINITY A value that is greater than MAX_VALUE.

方法(2):

toString() Returns a string representing the specified object
valueOf() 返回数学对象的原始值

2.String

属性:

constructor 返回创建此对象的String函数的引用
prototype 指向原型对象
length 返回字符串的字符长度

方法(20):

anchor("name")用来把字符串转换为HTML锚点标记内(<A NAME=>)
big()      把字符串中的文本变成大字体(<BIG>)
blink()     把字符串中的文本变成闪烁字体(<BLINK>)
bold()      把字符串中的文本变成黑字体(<B>)
fixed()     把字符串中的文本变成固定间距字体,即电报形式(<TT>)
fontcolor(color)设置字符串中文本的颜色(<FONT COLOR=>)
Fontsize(size) 把字符串中的文本变成指定大小(<FONTSIZE=>)
italics()    把字符串中的文本变成斜字体(<I>)
Link(url)用来把字符串转换-HTML链接标记中(<A HREF=>)
small()     把字符串中的文本变成小字体(<SMALL>)
strike()     把字符串中的文本变成划掉字体(<STRIKE>)
sub()      把字符串中的文本变成下标(subscript)字体((SUB>)
sup()      把字符串中的文本变成上标(superscript)字体(<SUP>)

charAt(index) 返回指定索引处的字符
charCodeAt(index) 返回一个整数,该整数表示String对象中指定位置处的字符的Unicode编码
concat(string2) 连接两条或多条字符串
fromCharCode(num1, num2, …, numN) 获取指定的Unicode值并返回字符串
indexOf(searchString, startIndex) 返回字符串中第一个出现指定字符串的位置
lastlndexOf(searchString, startIndex)返回字符串中最后一个出现指定字符串的位置
match(regex) 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
replace(regex, newString) 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
search(regex) 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
slice(startIndex, endIndex) 将部分字符抽出并在新的字符串中返回剩余部分
split(delimiter) 将字符串分配为数组
substr(startIndex, length) 从startIndex取,取length个字符
substring(startIndex, endIndex) 从startIndex和endIndex之间的字符,不包括endIndex

toLowerCase() 把字符串中的文本变成小写
toUpperCase() 把字符串中的文本变成大写
toSource() 显示对象的源代码
toString() Returns a string representing the specified object
valueOf`() 返回字符串对象的原始值

注意:String 对象的方法 slice()、substring() 和 substr() 都可返回字符串的指定部分。强烈建议在所有场合都使用 slice() 方法。

3.Boolean

属性:

constructor 返回创建此对象的Boolean函数的引用
prototype 指向原型对象

方法(3):

toSource() 显示对象的源代码
toString() 将布尔值转换为字符串,并且返回结果
valueOf() 返回布尔对象的原始值

4.Date

属性(1):

constructor 所建立对象的函数参考
prototype 能够为对象加入的属性和方法

方法(43):

get系列方法

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear() 从 Date 对象以四位数字返回年份。注意不要使用getYear()。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
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(dateString) 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数

set系列方法

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份(四位数字)。注意不要使用setYear()方法。
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)。

tostring方法

toString() 把 Date 对象转换为字符串,toString()总是返回一个用美式英语表达的字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toDateString() 把 Date 对象的日期部分转换为字符串。
toUTCString() 根据世界时,把 Date 对象转换为字符串。
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。

5.Math

属性:

constructor 所建立对象的函数参考
prototype 能够为对象加入的属性和方法
E 欧拉常量,自然对数的底(约等于2.718)
LN2 2的自然对数(约等于0.693)
LN10 10的自然对数(约等于2.302)
LOG2E 以2为底的e的对数.(约等于1.442)
LOG10E 以10为底的e的对数(约等于0.434)
PI ∏的值(约等于3.14159)
SQRT1_2 1/2(0.5)的平方根(即l除以2的平方根,约等于o.707)
SQRT2 2的平方根(约等于1.414)

方法(20):

abs(x) 返回数字的绝对值
acos(x) 返回数字的反余弦值
asin(x) 返回数字的反正弦值
atan(x) 返回位于-PI/2 和 PI/2 的反正切值
atan2(y,x) 返回(x,y)位于 -PI 到 PI 之间的角度
ceil(x) 返回 x 四舍五入后的最大整数
cos(x) 返回一个数字的余弦值
exp(x) 返回 E^x 值
floor(x) 返回 x 四舍五入后的最小整数
log(x) 返回底数为E的自然对数
max(x,y) 返回 x 和 y 之间较大的数
min(x,y) 返回 x 和 y 之间较小的数
pow(x,y) 返回 y^x 的值
random() 返回位于 0 到 1 之间的随机函数
round(x) 四舍五入后取整
sin(x) 返回数字的正弦值
sqrt(x) 返回数字的平方根
tan(x) 返回一个角度的正切值
toSource() 显示对象的源代码
valueOf() 返回数学对象的原始值

6.Array

属性:
constructor 所建立对象的函数参考
prototype 能够为对象加入的属性和方法
index For an array created by a regular expression match, the zero-based index of the match in the string.
input For an array created by a regular expression match, reflects the original string against which the regular expression was matched.
length 获取数组元素的个数,即最大下标加1

方法(13):
concat(array1,arrayn) 将两个或两个以上的数组值连接起来,合并后返回结果
join(string) 将数组中元素合并为字符串,string为分隔符.如省略参数则直接合并,不再分隔
pop() 移除数组中的最后一个元素并返回该元素
push(value) 在数组的末尾加上一个或多个元素,并且返回新的数组长度值
shift() 移除数组中的第一个元素并返回该元素
unshift(value) 为数组的开始部分加上一个或多个元素,并且返回该数组的新长度
reverse() 颠倒数组中元素的顺序,反向排列
sort(compare Function) 在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串再排序,返回排序后的数组
slice(start, deleteCount, [item1[, item2[,...[,itemN]]]]) 返从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素
splice() 为数组删除并添加新的元素
toSource() 显示对象的源代码
toString() 将数组所有元素返回一个字符串,其间用逗号分隔

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

注意:

改变原数组的方法:pop()、push()、reverse()、shift()、sort()、splice()、unshift()
不改变原数组的方法:concat()、join()、slice()、toString()

数组迭代方法

ECMAScript5为数组定义了5个迭代方法,每个方法都接受两个参数:每一项上运行的函数,运行该函数的作用域对象(可选)。

every() 若数组每一项都符合函数要求,返回true,否则返回false
some() 若数组任意一项符合函数要求,返回true,否则返回false
filter() 对数组每一项运行函数,返回符合函数要求的项组成的数组
map() 对数组每一项运行函数,返回每次函数结果组成的数组
forEach() 对数组每一项运行函数,无返回值

1.some()

2.every()

两者的函数都接受三个值(项目值,项目索引,数组本身)

这两个方法都是依次对数组的每项进行判断,返回boolean类型的值。不同的是,some是只要有一项满足条件就返回true,而every要求所有项都满足条件才会返回true。

   var a=[1,2,3,4,5,4,3,2,1];
  var everyResult=a.every(function(item,index,a){
  return (item>2);
  });
  var someResult=a.some(function(item,index,a){
  return (item>2);
  });
  alert("everyResult:"+everyResult);//false
  alert("someResult:"+someResult);//true

3.forEach()

4.filter()

5.map()

三者的函数都接受三个值(项目值,项目索引,数组本身)
  forEach:其就和for循环异曲同工,循环遍历,对每项进行操作。但是没有返回值。
  map:和forEach非常相似,其返回的是 每次函数调用后的结果所组成的数组。
  filter:与上面两者相似,但是其返回的是 函数调用结果值为true的项 (将调用的函数理解成表达式,即返回符合这个表达式所有项组成的新数组)

区别
  map和foreach其实用法上没啥子区别,但是!还是有点差别的,foreach是没有返回值的。
  然后,filter顾名思义,过滤器,是过滤掉数组不符合条件的项。所以用途上,filter会有很大的不同,常用于筛选掉不要的数组项。

7.RegExp

属性:

$1, …, $9 Parenthesized substring matches, if any.
$_ See input.
$* See multiline.
$& See lastMatch.
$+ See lastParen.
$` See leftContext.
$’ See rightContext.
global Whether or not to test the regular expression against all possible matches in a string, or only against the first.
ignoreCase Whether or not to ignore case while attempting a match in a string.
input The string against which a regular expression is matched.
lastIndex The index at which to start the next match.
lastMatch The last matched characters.
lastParen The last parenthesized substring match, if any.
leftContext The substring preceding the most recent match.
multiline Whether or not to search in strings across multiple lines.
rightContext The substring following the most recent match.
source The text of the pattern.

方法(3):

compile() Compiles a regular expression object.
exec() 在目标字符串中执行一次正则匹配操作。
test() 测试当前正则是否能匹配目标字符串。

8.Function

属性:

prototype Allows the addition of properties to a Function object.
arguments An array corresponding to the arguments passed to a function.
arity Indicates the number of arguments expected by the function.
caller Specifies which function called the current function.

方法(1):

toString() Returns a string representing the specified object.

9.Object

属性:
constructor Specifies the function that creates an object’s prototype.
prototype Allows the addition of properties to all objects.

方法:
eval() Evaluates a string of JavaScript code in the context of the specified object.
toString() Returns a string representing the specified object.
unwatch() Removes a watchpoint from a 属性源 the object.
valueOf() Returns the primitive value of the specified object.
watch() Adds a watchpoint to a 属性源 the object.

全局

属性:

Infinity 指定一个正负无穷大的数值
NaN 指定一个 “非数字” 值
undefined 指定一个未被赋值的变量

方法:

decodeURI() 为加密的URI进行解码
decodeURIComponent() 为加密的URI组件解码
encodeURI() 将字符串加密为URI
encodeURIComponent() 将字符串加密为URI组件
escape(string) 加密一个字符串()使用escape()对一个字符串进行解码
eval_r(string) 判断一个字符串并将其以脚本代码的形式执行
isFinite(number) 检测一个值是否为一个有限数字,返回TrueFalse
isNaN(string) 检测一个值是否不是一个有限数字
parseFloat(string) 将一个字符串解析为一个浮点数字
parseInt(string) 将一个字符串解析为一个整数,不是四舍五入操作,而是切尾
String(object) 将一个对象值转换为一个字符串number(object)
Number() 将一个对象的值转换为一个数字

事件

1.窗口事件

onload 页面或图片加载完成时
onunload 用户离开页面时

2.表单事件

onchange 框内容改变时
onsubmit 点击提交按钮时
onreset 重新点击鼠标按键时
onselect 文本被选择时
onblur 元素失去焦点时
onfocus 当元素获取焦点时

3.键盘事件

onkeydown 按下键盘按键时
onkeypress 按下或按住键盘按键时
onkeyup 放开键盘按键时

4.鼠标事件

onclick 鼠标点击一个对象时
ondblclick 鼠标双击一个对象时
onmousedown 鼠标被按下时
onmouseup 释放鼠标按键时
onmousemove 鼠标被移动时
onmouseout 鼠标离开元素时
onmouseover 鼠标经过元素时

其他

onresize 当窗口或框架被重新定义尺寸时
onabort 图片下载被打断时
onerror 当加载文档或图片时发生错误时