初学js笔记之js对象

最新推荐文章于 2022-08-25 10:47:24 发布

黄金蛋仔

最新推荐文章于 2022-08-25 10:47:24 发布

阅读量148

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_40698243/article/details/80599926

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 
 //构造对象 

  1.直接创建对象 

 
 person=new Object();person.firstname="Bill";person.lastname="Gates"; 

 
 2.替代语法 

 
 person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}; 

 
 3.构造函数(对象构造器) 

 
 function person(firstname,lastname) 

{

 
 this fristname=new fristname; 

 
 this.lastname=new lastname; 

}

 
 myFather=new person("Bill","Gates");//创建实例 

 
 把方法添加到 JavaScript 对象 

 
 changeName() 函数 name 的值赋给 person 的 lastname 属性 
 。 

 
 <script> 

 
 function person(firstname,lastname,age,eyecolor) 

{

 
 this.firstname=firstname; 

 
 this.lastname=lastname; 

 
 this.age=age; 

 
 this.eyecolor=eyecolor; 

 
 this.changeName=changeName; 

 
 function changeName(name) 

{

 
 this.lastname=name; 

}

}

 
 myMother=new person("Steve","Jobs",56,"green"); 

 
 myMother.changeName("Ballmer"); 

 
 document.write(myMother.lastname); 

 
 </script> 

 
 为字符串添加样式 

 
 如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。 

 
 var str="Hello world!" 结果 

 
 document.write(str.indexOf("Hello") + "<br />")  
 0 

 
 document.write(str.indexOf("World") + "<br />") -1 

 
 document.write(str.indexOf("world")) 6 

 
 如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符 
 。 

 
 var str="Hello world!" 结果 

 
 document.write(str.match("world") + "<br />")  
 world 

 
 document.write(str.match("World") + "<br />")  
 null 

 
 document.write(str.match("worlld") + "<br />")  
 null 

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

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

 
 var str="Visit Microsoft!" 结果 

 
 document.write(str.replace(/Microsoft/,"W3School"))  
 Visit W3School! 

 
 如何使用 Date() 方法获得当日的日期。 

 
 document.write(Date())  
 Tue Oct 10 2017 16:39:00 GMT+0800 (中国标准时间)

 
 getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 

 
 var d=new Date();  
 从 1970/01/01 至今已过去 1507624781205 毫秒 

 
 document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒"); 

 
 如何使用 setFullYear() 设置具体的日期。 

 
 var d = new Date() 

 
 d.setFullYear(1992,10,3)  
 Tue Nov 03 1992 16:33:02 GMT+0800 (中国标准时间) 

 
 document.write(d) 

 
 如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。 

  var d = new Date() 

  document.write (d.toUTCString()) 
 Tue, 10 Oct 2017 08:41:26 GMT 

 
 如何使用 getDay() 和数组来显示星期，而不仅仅是数字 

 
 var d=new Date() 

 
 var weekday=new Array(7) 

 
 weekday[0]="星期日" 

 
 weekday[1]="星期一" 

 
 weekday[2]="星期二" 

 
 weekday[3]="星期三"  
 今天是星期二 

 
 weekday[4]="星期四" 

 
 weekday[5]="星期五" 

 
 weekday[6]="星期六" 

 
 document.write("今天是" + weekday[d.getDay()]) 

 
 如何在网页上显示一个钟表。 

 
 function startTime() 

{

 
 var today=new Date() 

 
 var h=today.getHours() 

 
 var m=today.getMinutes() 

 
 var s=today.getSeconds() 

 
 // add a zero in front of numbers<10 

 
 m=checkTime(m) 

 
 s=checkTime(s) 

 
 document.getElementById('txt').innerHTML=h+":"+m+":"+s 

 
 t=setTimeout('startTime()',500) 

}

 
 function checkTime(i) 

{

 
 if (i<10)  

 
  {i="0" + i} 

 
  return i 

}

 
 </script> 

 
 </head> 

 
 <body οnlοad="startTime()"> 

 
 <div id="txt"></div> 

 
 为日期对象设置了一个特定的日期 (2008 年 8 月 9 日)，表示月份的参数介于 0 到 11 之间。也就是说，如果希望把月设置为 8 月，则参数应该是 7。 

 
 var myDate=new Date()myDate. 
 setFullYear 
 (2008,7,9) 

 
 将日期对象设置为 5 天后的日期 

 
 var myDate=new Date()myDate. 
 setDate 
 (myDate.getDate()+5) 

 
 日期对象也可用于比较两个日期。 

 
 下面的代码将当前日期与 2008 年 8 月 9 日做了比较 

 
 var myDate=new Date();myDate.setFullYear(2008,8,9);var today = new Date();if (myDate>today){alert("Today is before 9th August 2008");}else{alert("Today is after 9th August 2008");} 

 
 创建数组，为其赋值，然后输出这些值。 

 
 var mycars = new Array() 

 
 mycars[0] = "Saab" 

 
 mycars[1] = "Volvo" 

 
 mycars[2] = "BMW" 

 
 for (i=0;i<mycars.length;i++) 

{

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

}

 
 使用 for...in 声明来循环输出数组中的元素。 

 
 var x 

 
 var mycars = new Array() 

 
 mycars[0] = "Saab" 

 
 mycars[1] = "Volvo" 

 
 mycars[2] = "BMW" 

 
 for (x in mycars) 

{

 
 document.write(mycars[x] + "<br />") 

}

 
 如何使用 concat() 方法来合并两个数组。 

 
 var arr = new Array(3) 

 
 arr[0] = "George" 

 
 arr[1] = "John" 

 
 arr[2] = "Thomas" 

 
 var arr2 = new Array(3)  
 George,John,Thomas,James,Adrew,Martin 

 
 arr2[0] = "James" 

 
 arr2[1] = "Adrew" 

 
 arr2[2] = "Martin" 

 
 document.write(arr.concat(arr2) 

 
 如何使用 join() 方法将数组的所有元素组成一个字符串 

 
 var arr = new Array(3); 

 
 arr[0] = "George" 

 
 arr[1] = "John" 

 
 arr[2] = "Thomas" 

 
 document.write(arr.join());  
 George,John,Thomas 

 
 document.write("<br />");  
 George.John.Thomas 

 
 document.write(arr.join(".")); 

 
 使用 sort() 方法从字面（字母大小）上对数组进行排序。 

  var arr = new Array(6) 

  arr[0] = "George" 

  arr[1] = "John" 

  arr[2] = "Thomas" 
 George,John,Thomas,James,Adrew,Martin 

  arr[3] = "James" 
 Adrew,George,James,John,Martin,Thomas 

  arr[4] = "Adrew" 

  arr[5] = "Martin" 

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

  document.write(arr.sort()) 

 
 使用 round()约等于 

  document.write(Math.round(0.60) + "<br />") 1 

 
 使用 random() 来返回 0 到 1 之间的随机数 

  document.write(Math.random()) 

 
 使用 max() 来返回两个给定的数中的较大的数 

  document.write(Math.max(5,7) + "<br />") 7 

  document.write(Math.max(-3,-5) + "<br />") -3 

  document.write(Math.max(7.25,7.30)) 
  7.3 

 
 使用 min() 来返回两个给定的数中的较小的数 

 
 test() 方法检索字符串中的指定值。返回值是 true 或 false 

  var patt1=new RegExp("e"); 

  document.write(patt1.test("The best things in life are free")); true 

 
 exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null 

 
 var patt1=new RegExp("e"); 

 
 document.write(patt1.exec("The best things in life are free")) e 

 
 可以向 RegExp 对象添加第二个参数，以设定检索。例如，如果需要找到所有某个字符的所有存在，则可以使用 "g" 参数 ("global") 

 
 在使用 "g" 参数时，exec() 的工作原理如下： 

找到第一个 "e"，并存储其位置
如果再次运行 exec()，则从存储的位置开始检索，并找到下一个 "e"，并存储其位置

 
 var patt1=new RegExp("e","g"); 

do

{

 
 result=patt1.exec("The best things in life are free"); 

 
 document.write(result); 

 
 }  
 eeeeeenull 

 
 while (result!=null) 

 
 compile() 方法用于改变 RegExp。 

 
 compile() 既可以改变检索模式，也可以添加或删除第二个参数 

 
 var patt1=new RegExp("e"); 

 
 document.write(patt1.test("The best things in life are free")); 

 
 patt1.compile("d");  
 truefalse 

 
 document.write(patt1.test("The best things in life are free")); 

黄金蛋仔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初学js笔记之js对象

//构造对象1.直接创建对象person=new Object();person.firstname="Bill";person.lastname="Gates";2.替代语法person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};3.构造函数(对象构造器)function person(firstname,lastname)...
复制链接

扫一扫