详细谈谈javascript的对象

站长资源 2024/11/29 佚名

69 1538 69

DDR爱好者之家 Design By 杰米

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

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

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

1.对象：

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

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

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

2.自定义对象：

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

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

例（针对2-（1））：

方法1：

people=new Object();

people.name="颜小媛";

people.age="18";

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

</script>

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

方法2：

people=new Object();

people={

name:"颜小媛"，

age:18

}

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

</script>

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

例（针对2-（2））：

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））：

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））：

var str="hello world";

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

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

</script>

结果：界面打印出 world null

（3）替换内容：replace（）

例(针对2-（3）)：

var str="hello world";

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

</script>

结果：界面打印出hello 123

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

例（针对2-(4)）:

var str="hello world";

document.write(str.toUpperCase());

</script>

结果：界面打印出HELLO WORLD

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

例（针对2-(5)）:

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）：

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>

结果：动态的显示时间

Array对象：

1.Array对象：

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

2.数组的创建：

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

3.数组的访问：

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

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

4.数组常用的方法：

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

（2）sort():排序。

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

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

例（针对4-（1））：

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

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

var c=a.concat(b);

document.write(c);

</script>

结果：界面打印出 aa bb cc dd

例（针对4-（2））：

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

document.write(a.sort());

</script>

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

【扩展】

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

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

</script>

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

例（针对4-（3））:

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

a.push(c);

document.write(a);

</script>

结果：打印出abc

例（针对4-（4））：

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详细介绍,javascript,对象,javascript,面向对象

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“详细谈谈javascript的对象”

暂无评论...

详细谈谈javascript的对象

javascript 数组的正态分布排序的问题

JS中使用DOM来控制HTML元素

评论“详细谈谈javascript的对象”

更新日志

友情链接