Javascript 对象

简介: Javascript 对象

JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。


对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;


JavaScript 提供多个内建对象,比如StringDateArray 等等,使用对象前先定义,如下使用数组对象:


var objectName =new Array();//使用new关键字定义对象


或者


var objectName =[];


访问对象属性的语法:

objectName.propertyName

如使用Array对象的length属性来获得数组的长度:


var myarray=new Array(6);//定义数组对象
var myl=myarray.length;//访问数组长度length属性


以上代码执行后,myl的值将是:6

访问对象的方法:

objectName.methodName()

如使用string对象的toUpperCase()方法来将文本转换为大写:


var mystr="Hello world!";//创建一个字符串
var request=mystr.toUpperCase(); //使用字符串对象方法


以上代码执行后,request的值是:HELLO WORLD!


Date 日期对象



日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。

定义一个时间对象 :


var Udate=new Date();


注意:使用关键字newDate()的首字母必须大写。

使Udate成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)

如果要自定义初始值,可以用以下方法:


var d = new Date(2012, 10, 1);  //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日


我们最好使用下面介绍的“方法”来严格定义时间。

访问方法语法:<日期对象>.<方法>

Date对象中处理时间和日期的常用方法:


2466108-8388baefd7a08232.webp.jpg


返回/设置年份方法



get/setFullYear() 返回/设置年份,用四位数表示。


var mydate=new Date();//当前时间2014年3月6日
document.write(mydate+"<br>");//输出当前时间
document.write(mydate.getFullYear()+"<br>");//输出当前年份
mydate.setFullYear(81); //设置年份
document.write(mydate+"<br>"); //输出年份被设定为 0081年。


注意:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。

结果:


Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800


注意:


1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器)

  1. 不同浏览器,时间格式有差异。


getDay()返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:


<script type="text/javascript">
  var mydate=new Date();//定义日期对象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定义数组对象,给每个数组项赋值
  var mynum=mydate.getDay();//返回值存储在变量mynum中
  document.write(mydate.getDay());//输出getDay()获取值
  document.write("今天是:"+ weekday[mynum]);//输出星期几
</script>


注意:以上代码是在2014年3月7日,星期五运行。


结果:

5


今天是:星期五


返回/设置时间方法



get/setTime()返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

如果将目前日期对象的时间推迟1小时,代码如下:


<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间:"+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间:" + mydate);
</script>


结果:


当前时间:Thu Mar 6 11:46:27 UTC+0800 2014

推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014


注意:


  1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒
  2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”


String 字符串对象



在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:


var mystr = "I love JavaScript!"


定义mystr字符串后,我们就可以访问它的属性和方法。

访问字符串对象的属性length:

stringObject.length;返回该字符串的长度。


var mystr="Hello World!";
var myl=mystr.length;


以上代码执行后,myl的值将是:12

访问字符串对象的方法:

使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写:


var mystr="Hello world!";
var mynum=mystr.toUpperCase();


以上代码执行后,mynum的值是:HELLO WORLD!

目录
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
42 2
|
18天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
22天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
22天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
2月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
38 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
34 1
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
19 2
|
2月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
29 2
|
2月前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
19 3
|
2月前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
21 4