web前端學習(四)JavaScript學習筆記部分(6)-- js內建物件
阿新 • • 發佈:2018-12-07
1、JS內建物件-什麼是物件
1.1、什麼是物件:
JavaScript中的所有事物都是物件:字串、數值、陣列、函式
每個物件帶有屬性和方法
JavaScript允許自定義物件
1.2、自定義物件:
1.定義並建立物件例項
2.使用函式來定義物件,然後建立新的物件例項
小紙條:newObject是最大的物件,是所有物件的父類。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /*三種建立物件的方法*/ people111 = new Object(); people111.name = "iwen"; people111.age = "30"; document.write("name:"+people111.name + ",age:"+people111.age); document.write(`<br/>`); people222 = {name:"iwen",age:"30"}; document.write("name:"+people111.name + ",age:"+people111.age); document.write(`<br/>`) function people333(name,age){ this.name = name; this.age = age; } son = new people333("iwen",30); document.write("name:" + son.name + ",age:" + son.age);</script> </body> </html>
2、JS內建物件-String字串物件
2.1、String物件
String物件用於處理已有的字串
字串可以使用雙引號或單引號
2.2、在字串中查詢字串:indexOf()
indexOf()返回給定查詢字串的位置,位置計數從0開始,沒有的話返回-1。
2.3、內容匹配:match()
匹配會返回給定的字串,不存在的話會返回null
2.4、替換內容:replace()
2.5、字串大小寫的轉換:toUpperCase() / toLowerCase()
2.6、字串轉換為陣列:strong>split()
2.7、字串屬性和方法:
1.屬性:length、prototype、constructor
2.方法:charAt()、charCodeAt()、concat()、fromCharCode()、indexOf()、lastIndexOf()、match()、replacr()、search()、slice()、substring()、substr()、valueOf()、toLowerCase()、toUpperCase()、split()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var str = "hello world"; var str1 = "hello wo cao"; document.write("字串長度:"+str.length+`<br/>`); document.write(str.indexOf("ello")+`<br/>`);/*查詢字串所在位置,從0開始計數,不存在返回-1*/ document.write(str.match("world")+`<br/>`);/*查詢是否有所給字串,如果有就返回原字串,不存在的話就返回null*/ document.write(str.replace("world","chizenglin")+`<br/>`);/*將引數一的字串改為引數2的字串*/ document.write(str.toUpperCase()+`<br/>`);/*將給定字串改為大寫*/ var s = str1.split(" ");/*將所給字串按照所給引數進行轉換為陣列,這裡的是空格*/ document.write(s[1]+`<br/>`); </script> </body> </html>
3、JS內建物件-Date日期物件
3.1、Date物件
日期物件用於處理日期和時間
3.2、獲得當日的日期
3.3、常用方法
getFullYear():獲取年份
getTime():獲取毫秒
setFullYear():設定具體的日期
getDay():獲取星期
time1.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="time1.js"></script> </head> <body onload="startTime()"> <div id="timetxt"></div> </body> </html>
time1.js
var date = new Date(); document.write(date+`<br/>`); document.write(date.getFullYear()+`<br/>`); document.write(date.getTime()+`<br/>`);/*這個函式是獲得從時間基數開始到現在過了多少秒。*/ date.setFullYear(2010,1,1);/*設定日期和時間*/ document.write(date+`<br/>`); function startTime(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); h = checkTime(h); m = checkTime(m); s = checkTime(s); document.getElementById("timetxt").innerText = h + ":" + m+":"+s; t = setTimeout(function(){ startTime(); },500);/*通過設定函式自己呼叫自己,實現遞迴呼叫*/ function checkTime(i){ if(i<10){ i = "0" + i; }/*小時、分鐘和秒會有個位數,將他們在前面加個0規範表達*/ return i; } }
4、JS內建物件-Array陣列物件
5、JS內建物件-Math物件