第四章 JavaScript 对象

目录

 第一节:JavaScript 对象

第二节:JavaScript 字符串对象

第三节:JavaScript 日期对象

 第四节:JavaScript 数组

(1)声明一个对象:

(2)动态的添加一个 属性 /方法 , 删除一个 属性 / 方法 :

动态删除对象 方法一:

     动态删除对象 方法二:   //令其直接等于 Undefined

     对象构造方法:

(3)安装Firebug插件:

(4)javascript 字符串对象:

(5)javascipt日期对象:

(6)javascript数组:


(前文: !为了方便观看,虽然我也是很懒,懒得做更多的那啥来着。。哦,供人方便观看的格式之类的,但是我还是很有心的!做了红橙黄绿青蓝紫呀呀呀呀。方便看代码。)

 第一节:JavaScript 对象

1,JavaScript 对象定义

2,JavaScript 动态的添加属性和方法

3,JavaScript 动态的删除属性和方法

4,JavaScript 对象构造方法

 

1,字符串对象实例化方法

2,字符串 length 属性

3,字符串 indexOf 方法 使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置

4,字符串 replace()方法 使用 replace() 方法在字符串中用某些字符替换另一些字符

第二节:JavaScript 字符串对象

   第三节:JavaScript 日期对象

1,日期对象实例化

2,getTime()方法,返回 1970 年 1 月 1 日至今的毫秒数。

3,getFullYear()          从 Date 对象以四位数字返回年份。

4, getMonth()            从 Date 对象返回月份                         (0 ~ 11)。

5,getDate()               从 Date 对象返回一个月中的某一天    (1 ~ 31)。

6,getHours()             返回 Date 对象的小时                          (0 ~ 23)。

7, getMinutes()         返回 Date 对 象 的 分 钟                      (0 ~ 59) 。

8, getSeconds()        返回 Date 对象的秒数                          (0 ~ 59)。

9,getDay()                 从 Date 对象返回一周中的某一天       (0 ~ 6)。


  第四节:JavaScript 数组

1,数组的声明;

2,数组的遍历;

3,数组元素排序   sort()方法;

4,数组元素组合成字符串  join()方法;

5,合并数组元素  concat()方法;

6,颠倒数组元素   reverse()方法;

声明一个对象:

<script type="text/javascript">

     var p=new Object();

     alert(p);

</script>

 

动态的添加一个 属性 /方法 , 删除一个 属性 / 方法 :

<script type="text/javascript">

     function speak( something ){

          alert(something);

     }

var p=new Object();

 

p.name="胖沅";

 

//给该对象动态的添加属性

 

alert(p.name);

 

//测试

 

p.func=speak;  

 

//给该对象动态的添加方法

     p.func("Hello world ! Everyone ~ ");

      

动态删除对象 方法一:

     delete p.name;          //动态的删除该对象的方法

     alert(p.name);          //跳出 Undefined

     delete p.func;          //动态的删除该对象的方法

     p.func("Hello world ! Everyone ~ ");

                              //会报错,p.func is not function

 

     动态删除对象 方法二:   //令其直接等于 Undefined

     p.name=undefined;

     p.func=undefined;

     alert(p.name);

     p.func("Hello world ! Everyone ~ ");

 

     对象构造方法:

     function person(name,age){

          this.name1=name;   //依旧是给当前对象动态的添加属性

          this.age1=age;     //初始化的就是传过来的那个age

 

          function print(something){        //在构造方法里 创建方法

               alert(something);

}    this.function=print;

     }

     var p1=new person("胖沅",12);

     alert(p1.name1);

     alert(p1.age1);

     p1.func("Hello world ! Everyone ~ ");

</script>

 

js是基于原型的/父亲节点,java是基于类的。

 

安装Firebug插件:

请戳我的这篇博文:

https://blog.csdn.net/HDZ1821/article/details/104341836

 

javascript 字符串对象:

  1. 实例化字符串对象(2种)
  2. .length 属性
  3. .indexOf() 方法 (用来定位字符串中某一个指定的字符首次数显的位置。)

语法: array.indexOf(item,start); item: 需要被查找的元素

start:规定在数组中开始检索的位置,合法取值:0 ~ item.length-1; 但此参可省,默认0。

  1. .replace() 方法 (用来在字符串中用某些字符替换另一些字符。)

用法: 后者代替前者

<script type="textjavascript">

     var s1="第一种 实例化字符串 方式。";

     var s2=new String("第二种 实例化字符串 方式。");

     document.write(s1+"<br/>");

     document.write(s2+"<br/>");

      

     document.write(s2+" 长度是: "+s2.length+" <br/>");

 

     document.write(s2.indexOf("字符串",0)+"<br/>");

 

     document.write(s2.replace("方式","ways")+"<br/>");

</script>

 

 

javascipt日期对象:

(1)

 

日期对象实例化

 

 

(2)

 

.getTime()      

(返回1970/1/1至今的ms数)

(3)

 

.getFullYear()

(返回Date对象 年份       

 

[ 四位数字])

(4)

 

.getMonth()   

(返回Date对象月份          

 

   [0~11])

(5)

  

.getDate()

 

(返回Date对象一个月中的某一天

[1~31])

(6)

 

.getHours()

 

(返回Date对象 小时                                

[0~23])

(7)

 

.getMinutes()

 

(返回Date对象 分钟                                

[0~59])

(8)

 

.getSeconds()

 

(返回Date对象 秒                                  

[0~59])  

(9)

 

.getDay()

 

(返回Date对象一周中的某一天  

[0~6])

<script text/javascript>

     var date=new Date();

     //年月日

     document.write(date.getTime()+"<br/>");

     document.write(date.getFullYear()+"<br/>");

     document.write((date.getMonth()+1)+"<br/>");

     document.write(date.getDate()+"<br/>");

     var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";

     document.write(today+"<br/>");

     /*输出:(example)

          1391561733207

          2014

          2

          5

          2014年2月5日    */

   

  //时分秒

     document.write(date.getHours()+"<br/>");

     document.write(date.getMinutes()+"<br/>");

     document.write(date.getSeconds()+"<br/>"); today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()

+"日"+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();

     document.write(today+"<br/>");

     /*输出:(example)

          8  

          56

          10

          2014年2月5日 8:56:10   

     */

     //星期

     var day=date.getDay();

     var week;

     switch(day){

        case 0:week="星期日";break;

        case 1:week="星期一";break;

        case 2:week="星期二";break;

        case 3:week="星期三";break;

        case 4:week="星期四";break;

        case 5:week="星期五";break;

        case 6:week="星期六";break;

     }

     document.write(week+"<br/>");

     today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()

+" 日 "+week+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSecond s();

  document.write(today+"<br/>");

     /*输出:(example)

          星期三

          2014年2月5日 星期三 8:57:42

*/

<script>

 

javascript数组:

(1) 数组的声明/赋值

(2) 数组的遍历

(3) 数组元素排序sort()方法

(4) 数组元素组合成字符串join方法

(5) 合并数组元素concat()方法

(6) 颠倒数组元素reserve()方法

 

<script "text/javascript">

  //数组的声明:

  var arr=new Array();

  var arr2=new Array(3);

  //数组的赋值:

  arr[0]="jack";

  arr[1]="marry";

  arr[2]="tom";

  arr[3]="lucy";

  arr[4]="june";

  arr2[0]=2;

  arr2[1]=1;

  arr2[2]=5;

 

  //数组的遍历:

  for(var i=0;i<arr.length;i++){

     document.write(arr[i]+"<br/>");

  }

  document.write("<hr/>");

  var o;

  for(o in arr2){

     document.write(arr2[o]+"<br/>");

  }

  document.write("<hr/>");

 

  //数组排序:

  document.write("sort()"+arr.sort()+"<br/>");

  document.write("sort()"+arr2.sort()+"<br/>");

  document.write("<hr/>");

 

  //join:将数组合并成一个字符串:

  //join默认是以逗号隔开的:

  document.write("join()"+arr.join()+"<br/>");

  document.write("join()"+arr2.join(".")+"<br/>");

  document.write("<hr/>");

 

  //合并两个数组成一个字符串:

  document.write("concat()"+arr.concat(arr2)+"<br/>");

  document.write("<hr/>");

 

  //颠倒数组元素:

  document.write("reverse()"+arr.reverse()+"<br/>");

<script>

 

发布了39 篇原创文章 · 获赞 16 · 访问量 3142

猜你喜欢

转载自blog.csdn.net/HDZ1821/article/details/104379366