主页 / 网络编程 /

详细谈谈javascript的对象

网络编程 2021-07-04 20:00www.168986.cn编程入门
对象是一种复合值，它将很多值（原始值或其他对象）聚合在一起，可通过属性名访问这些值。而属性名可以是包含空字符串在内的任意字符串。JavaScript对象也可以称作一种数据结构

javascript中有很多对象内容，挑几个感觉用的比较多的讲解。

在网上学习一些和看javascript的学习手册。

如果要这个手册的可以留言，看到了我就发给你。恩，接下来一下我自己对象进阶之路。

1.对象 

  (1)javascript中的所有事件都是对象字符串、数组、函数.....

  (2)每个对象带有属性和方法。

  (3)JS允许自定义对象。

2.自定义对象

 (1)定义并创建对象实例。

 (2)使用函数来定义对象，然后创建新的对象实例。

例（针对2-（1））

方法1

           <script>

                     people=new Object();

                     people.name="颜小媛";

                     people.age="18";

                     document.write("name:"+people.name+",age:"+people.age);

           </script>

   结果界面打印出name:颜小媛，age18

方法2

          <script>

                people=new Object();

                people={

                      name:"颜小媛"，

                      age:18

                   }

                document.write("name:"+people.name+",age:"+people.age);

          </script>

  结果界面打印出name:颜小媛，age18

例（针对2-（2））

      <script>

             function people(name,age){

                         this.name=name;

                         this.age=age;

              }

           son=new people("颜小媛"，18);

           document.write("name:"+son.name+",age:"+son.age);

      </script>

      结果界面打印出name:颜小媛，age:18

string字符串对象

1.string对象

           string对象用于处理已有的字符串；字符串可以使用单引号或双引号【扩混合使用避免冲突。】。

2.一些属性的演示

   （1）在字符串中查找字符串indexOf()

例（针对2-（1））

    <script>

             var str="hello world";

             document.write("字符串"+str.length+"<br/>");

             document.write(“world的位置”+str.indexOf("world")+"<br/>");

             document.write(“llllll的位置”str.indexOf("llllll"));

    </script>

  结果界面打印出字符串11

                    world的位置6

                    lllllll的位置-1

    （2）内容匹配match()

例（针对2-（2））

    <script>

              var str="hello world";

              document.write(str.match("world"));

              document.write(str.match("lllllll"));

   </script>

结果界面打印出 world null

（3）替换内容replace（）

例(针对2-（3）)

         <script>

                 var str="hello world";

                 document.write(str.replace("world","123"));

         </script>

结果界面打印出hello 123

（4）字符串大写转换toUpperCase() / toLowerCase()

例（针对2-(4)）:

         <script>

                 var str="hello world";

                 document.write(str.toUpperCase());

         </script>

   结果界面打印出HELLO WORLD

(5)字符串转为数组split()

例（针对2-(5)）:

   <script>

               var str1="hello,jjj,lll,kkk";

               var s=str1.split(",");//以逗号作为分隔符

               document.write(s[1]);

  </script>

结果界面打印jjj

----------------------------------------------------

Date日期对象

1.Date对象

        日期对象用于处理日期和时间。

2.获得当日的日期。

3.一些常用的方法

   （1）getFullYear():获取年份。

   （2）getTime():获取毫秒。

   （3）setFullYear():设置具体的日期。

   （4）getDay():获取星期。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例（针对3）

    <script>

              var date = new  Date();

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

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

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

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

              date.setFullYear(2010,1,1);

              document.write(date);

   </script>

结果

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

4.时钟实例

<html>
     <head>
                   <script >
                               function startTime(){    
                                               var today=new Date();
                                               var h=today.getHours();
                                               var m=today.getMinutes();
                                               var s=today.getSeconds();
                                               m=checkTime(m);
                                               s=checkTime(s);
                                               document.getElementById('txt').innerHTML=h+":"+m+":"+s;
                                               t=setTimeout('startTime()',500);//等同于t=setTimeout(function(){starTime;},500)
                               }

                             function checkTime(i)  {
                                              if (i<10) {

                                                    i="0" + i;

                                              }
                                                      return i
                                      }
                   </script>
           </head>

           <body onload="startTime()">
                   <div id="txt"></div>
            </body>
</html>

结果动态的显示时间

Array对象

1.Array对象

        使用单独的变量来存储一系列的值。

2.数组的创建

例var myArray=["kkk","ddd","ddddd"];

3.数组的访问

       通过指定数组名以及索引号码，你可以访问某个特定的元素。

【注意[0]是数组第一个元素，以此类推。】

4.数组常用的方法

（1）concat():合并数组。

（2）sort():排序。

（3）push():末尾追加元素。

（4）reverse():数组元素翻转。

例（针对4-（1））

   <script>

              var a=["aa","bb"];

              var b=["","dd"];

              var c=a.concat(b);

              document.write(c);

  </script>

结果界面打印出 aa bb dd

例（针对4-（2））

    <script>

           var a=["a","c","d","t","b","e"];

           document.write(a.sort());

   </script>

结果界面打印出a b c e d t

【扩展】

      <script>

              var a=["5","2","3","4","1"];

              document.write(a.sort(function(a,b){return b-a;}))

     </script>

结果界面打印出54321.（ps因为b-a是倒序排列）。

例（针对4-（3））:

   <script>

          var a=["a","b"];

          a.push(c);

          document.write(a); 

  </script>

结果打印出abc

例（针对4-（4））

   <script>

          var a=["c","b","a"];

          document.write(a.reverse());

   </script>

结果打印出abc

Math对象

1.Match对象

           执行常见的算数任务。

2.常见方法

（1）round():四舍五入。

（2）random():返回0~1之间的随机数。

（3）max():返回最高值。

（4）min():返回最小值。

（5）abs():返回绝对值。

例（针对2-（1））

  document.write(Math.round(2.5));

结果界面打印出3

例（针对2-（2））

document.write(Math.randow());

结果:界面随机打印出0~1的一个数。

document.write(Math.randow()10);

结果界面随机打印出1~10的一个数。

document.write(parseInt(Math.randow()));

结果界面随机打印出0~1的一个数，并且这个数是整数。

例（针对2-（3））

document.write(Math.max(10,20,3,90));

结果界面打印出最大值90.

例（针对2-（4））

document.write(Math.min(12,0,2,3,4));

结果界面打印出最小值0.

例（针对2-（5））

document.write(Math.abs(-10));

结果界面打印出10.

上一篇：javascript 数组的正态分布排序的问题 下一篇：JS中使用DOM来控制HTML元素

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by