JavaScript-(Array,前端開發學習方法

前端全棧工程師 2021-09-18 13:32:47 阅读数:850

javascript- javascript array 前端 方法
<script> var txt = "Hello World!"; document.write(txt.length); </script>

  • 1.
  • 2.
  • 3.
  • 4.
  • prototype:允許您向對象添加屬性和方法。 (Prototype 是全局屬性,適用於所有的 Javascript 對象)

語法:

object.prototype.name = value

  • 1.

示例:適用 prototype 屬性給對象添加屬性

<script> function employee(name,jobtitle,born){ this.name=name; this.jobtitle=jobtitle; this.born=born; } var fred=new employee("Fred Flintstone","Caveman",1970); employee.prototype.salary=null; fred.salary=20000; document.write(fred.salary); </script>

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

String 對象方法

  • anchor():創建 HTML 錨。
  • big():用大號字體顯示字符串。
  • blink():顯示閃動字符串。
  • bold():使用粗體顯示字符串。
  • charAt():返回在指定比特置的字符。
  • charCodeAt():返回在指定的比特置的字符的 Unicode 編碼。
  • concat():連接字符串。
  • fixed():以打字機文本顯示字符串。
  • fontcolor():使用指定的顏色來顯示字符串。
  • fontsize():使用指定的尺寸來顯示字符串。
  • fromCharCode():從字符編碼創建一個字符串。
  • indexOf():檢索字符串。
  • italics():使用斜體顯示字符串。
  • lastIndexOf():從後向前搜索字符串。
  • link():將字符串顯示為鏈接。
  • localeCompare():用本地特定的順序來比較兩個字符串。
  • match():找到一個或多個正則錶達式的匹配。
  • replace():替換與正則錶達式匹配的子串。
  • search():檢索與正則錶達式相匹配的值。
  • slice():提取字符串的片斷,並在新的字符串中返回被提取的部分。
  • small():使用小字號來顯示字符串。
  • split():把字符串分割為字符串數組。
  • strike():使用删除線來顯示字符串。
  • sub():把字符串顯示為下標。
  • substr():從起始索引號提取字符串中指定數目的字符。
  • substring():提取字符串中兩個指定的索引號之間的字符。
  • sup():把字符串顯示為上標。
  • toLocaleLowerCase():把字符串轉換為小寫。
  • toLocaleUpperCase():把字符串轉換為大寫。
  • toLowerCase():把字符串轉換為小寫。
  • toUpperCase():把字符串轉換為大寫。
  • toSource():代錶對象的源代碼。
  • toString():返回字符串。
  • valueOf():返回某個字符串對象的原始值。

Data 對象

Date 對象用於處理日期和時間。

創建 Date 對象的語法

var myDate=new Date()

  • 1.
  • Date 對象會自動把當前日期和時間保存為其初始值。

Date 對象屬性:

  • constructor:返回對創建此對象的 Date 函數的引用。

語法:

object.constructor

  • 1.

示例:

<script type="text/javascript"> var test=new Date(); if (test.constructor==Array){ document.write("This is an Array"); } if (test.constructor==Boolean){ document.write("This is a Boolean"); } if (test.constructor==Date){ document.write("This is a Date"); } if (test.constructor==String){ document.write("This is a String"); } </script>

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • prototype 使您有能力向對象添加屬性和方法。

語法:

object.prototype.name=value

  • 1.

示例:

<script type="text/javascript"> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var bill=new employee("Bill Gates","Engineer",1985); employee.prototype.salary=null; bill.salary=20000; document.write(bill.salary); </script>

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

Date 對象方法

  • Date():返回當日的日期和時間。
  • getDate():從 Date 對象返回一個月中的某一天 (1 ~ 31)。
  • getDay():從 Date 對象返回一周中的某一天 (0 ~ 6)。
  • getMonth():從 Date 對象返回月份 (0 ~ 11)。
  • getFullYear():從 Date 對象以四比特數字返回年份。
  • getYear():請使用 getFullYear() 方法代替。
  • getHours():返回 Date 對象的小時 (0 ~ 23)。
  • getMinutes():返回 Date 對象的分鐘 (0 ~ 59)。
  • getSeconds():返回 Date 對象的秒數 (0 ~ 59)。
  • getMilliseconds():返回 Date 對象的毫秒(0 ~ 999)。
  • getTime():返回 1970 年 1 月 1 日至今的毫秒數。
  • getTimezoneOffset():返回本地時間與格林威治標准時間 (GMT) 的分鐘差。
  • getUTCDate():根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。
  • getUTCDay():根據世界時從 Date 對象返回周中的一天 (0 ~ 6)。
  • getUTCMonth():根據世界時從 Date 對象返回月份 (0 ~ 11)。
  • getUTCFullYear():根據世界時從 Date 對象返回四比特數的年份。
  • getUTCHours():根據世界時返回 Date 對象的小時 (0 ~ 23)。
  • getUTCMinutes():根據世界時返回 Date 對象的分鐘 (0 ~ 59)。
  • getUTCSeconds():根據世界時返回 Date 對象的秒鐘 (0 ~ 59)。
  • getUTCMilliseconds():根據世界時返回 Date 對象的毫秒(0 ~ 999)。
  • parse():返回1970年1月1日午夜到指定日期(字符串)的毫秒數。
  • setDate():設置 Date 對象中月的某一天 (1 ~ 31)。
  • setMonth():設置 Date 對象中月份 (0 ~ 11)。
  • setFullYear():設置 Date 對象中的年份(四比特數字)。
  • setYear():請使用 setFullYear() 方法代替。
  • setHours():設置 Date 對象中的小時 (0 ~ 23)。
  • setMinutes():設置 Date 對象中的分鐘 (0 ~ 59)。
  • setSeconds():設置 Date 對象中的秒鐘 (0 ~ 59)。

JavaScript 和 ES6

在這個過程你會發現,有很多 JS 知識點你並不能更好的理解為什麼這麼設計,以及這樣設計的好處是什麼,這就逼著讓你去學習這單個知識點的來龍去脈,去哪學?第一,書籍,我知道你不喜歡看,我最近通過刷大廠面試題整理了一份前端核心知識筆記,比較書籍更精簡,一句廢話都沒有,這份筆記也讓我通過跳槽從8k漲成20k。

JavaScript-(Array,前端開發學習方法_Web

 CodeChina開源項目:【大廠前端面試題解析+核心總結學習筆記+真實項目實戰+最新講解視頻】

版权声明:本文为[前端全棧工程師]所创,转载请带上原文链接,感谢。 https://gsmany.com/2021/09/20210918133246544J.html