Javascript对象归纳
Javascript中的所有事物都是对象，比如字符串、数字、数组、日期等
对象是拥有属性和方法的数据
访问属性：
var message=”Hello world”;
var x = message.length;
调用方法:
var message=”hello world！”;
var x = message.toUpperCase();
内置对象
因为JS中所有事物都是对象，我们可以把js中的对象分为三类：
- 简单对象：String 、Number、Boolean
- 组合对象：Array、Math、Date
- 复杂对象：Function、regex、Object等
String对象的常用方法有：
- x.toLowerCase()、x.toUpperCase():大小写转换方法；
- x.charAt(index):返回指定位置的字符；
- x.charCodeAt(index):返回指定位置字符的Unicode编码
- x.indexOf(findstr、index)、x.lastIndexOf(findstr, index):获取指定字符
- x.substring(start,，end)：获取子字符串；
- x.replace(findstr, tostr):替换子字符串;
- x.split(bystr):拆分子字符串
<html>
<head>
<title>js对象</title>
<meta charset="utf-8">
<script>
function load(){
//String对象
var str="hello javas cript";
//alert(str.toUpperCase());
alert(str.indexOf("o"));
alert(str.charAt(3));
alert(str.substring(2,8));
var array = str.split(" ");//将被，号代替
alert(array);
}
</script>
</head>
<body onLoad="load()">
</body>
</html>Array对象
- 1、join（）方法：把数组中的所有元素放入一个字符串，元素是通过指定的分割符进行分隔的arrayObject.join(separator)
- 2、toString（）方法
- 3、concat（）方法：用于连接两个或者多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本
- arrayObject.concat(arrayx, arrayx,……arrayx)
- 4、slice（）方法：可从已有的数组中返回选定的元素
- arrayObkect.slice(start， end) end可选，-1位倒数第一个元素
- 5、reverse（）方法：颠倒原来的元素的顺序，生成新的数组
- 6、sort（）方法：对数组元素进行排序
- array = arrayObject.sort(sortby函数）
<html>
<head>
<title>js对象</title>
<meta charset="utf-8">
<script>
function load(){
//Array对象
var arry = new Array(10, true, 'hello');
alert(arry.join(":"));//用什么当分隔符
var arry2 =[30, false, 'script'];
var arry3 = arry.concat(arry2);//拼接
alert(arry3);
alert(arry.reverse());//逆转
arry.sort();//排序
alert(arry);
}
</script>
</head>
<body onLoad="load()">
</body>
</html>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 对象的原始值。 |
<html>
<head>
<title>js对象</title>
<meta charset="utf-8">
<script>
function load(){
//date对象
var date = new Date();
alert(date);
alert(date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
}
</script>
</head>
<body onLoad="load()">
</body>
</html>JavaScript Math 对象
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 对象的原始值。 |
JavaScript Number 对象
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);<html>
<head>
<title>js对象</title>
<meta charset="utf-8">
<script>
function load(){
/* //Array对象
var arry = new Array(10, true, 'hello');
alert(arry.join(":"));//用什么当分隔符
var arry2 =[30, false, 'script'];
var arry3 = arry.concat(arry2);//拼接
alert(arry3);
alert(arry.reverse());//逆转
arry.sort();//排序
alert(arry);*/
//date对象
/*var date = new Date();
alert(date);
alert(date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
*/
//math对象
var m = -10.2163434;
//alert(Math.abs(m));
//alert(Math.round(m));
//alert(Math.random());//随机数
//number
alert(m.toFixed(2));//保留小数后2位
}
</script>
</head>
<body onLoad="load()">
</body>
</html>腾讯云开发者
