
- ES6 教程
- ES6 - 首頁
- ES6 - 概述
- ES6 - 環境
- ES6 - 語法
- ES6 - 變數
- ES6 - 運算子
- ES6 - 決策
- ES6 - 迴圈
- ES6 - 函式
- ES6 - 事件
- ES6 - Cookie
- ES6 - 頁面重定向
- ES6 - 對話方塊
- ES6 - void 關鍵字
- ES6 - 頁面列印
- ES6 - 物件
- ES6 - 數字
- ES6 - 布林值
- ES6 - 字串
- ES6 - Symbol
- ES6 - 新的字串方法
- ES6 - 陣列
- ES6 - 日期
- ES6 - 數學
- ES6 - 正則表示式
- ES6 - HTML DOM
- ES6 - 迭代器
- ES6 - 集合
- ES6 - 類
- ES6 - Map 和 Set
- ES6 - Promise
- ES6 - 模組
- ES6 - 錯誤處理
- ES6 - 物件擴充套件
- ES6 - Reflect API
- ES6 - Proxy API
- ES6 - 驗證
- ES6 - 動畫
- ES6 - 多媒體
- ES6 - 除錯
- ES6 - 圖片地圖
- ES6 - 瀏覽器
- ES7 - 新特性
- ES8 - 新特性
- ES9 - 新特性
- ES6 有用資源
- ES6 - 快速指南
- ES6 - 有用資源
- ES6 - 討論
ES6 - 物件擴充套件
字串擴充套件
ES6 中新增到 String 物件的一些常用方法如下:
序號 | 方法及描述 |
---|---|
1 |
str.startsWith(searchString[, position])
確定字串是否以指定字串的字元開頭。返回 true 或 false |
2 |
str.endsWith(searchString[, length])
確定字串是否以指定字串的字元結尾。返回 true/false |
3 |
str.includes(searchString[, position])
確定一個字串是否可以在另一個字串中找到 |
4 |
str.repeat(count)
構造並返回一個新字串,該字串包含呼叫它的字串的指定數量的副本,連線在一起 |
正則表示式擴充套件
例如,在正則表示式/[A-Z]/g中,開頭的和結尾的 / 稱為分隔符。結束分隔符後的任何內容都稱為修飾符。ES6 添加了一個新的修飾符/g,其中g代表全域性。這將匹配字串中模式的所有例項,而不僅僅是一個。
示例
以下示例搜尋並返回字串中所有大寫字元。
<script> let str = 'JJavascript is Fun to Work , very Fun ' let regex = /[A-Z]/g // g stands for global matches let result = str.match(regex); console.log(result) </script>
以上程式碼的輸出如下:
["J", "J", "F", "W", "F"]
正則表示式搜尋區分大小寫。要關閉區分大小寫,請使用/i修飾符。
示例
以下示例執行不區分大小寫的全域性匹配。該示例將fun替換為enjoyable。
<script> // /gi global match ignore case let str = 'Javascript is fun to Work , very Fun ' let regex = /Fun/gi; console.log(str.replace(regex,'enjoyable')); console.log(str) console.log(str.search(regex)) </script>
以上程式碼的輸出如下所示:
Javascript is enjoyable to Work , very enjoyable Javascript is fun to Work , very Fun 15
數字
ES6 中新增到Number 物件的一些常用方法如下:
序號 | 方法及描述 |
---|---|
1 |
Number.isFinite(value)
方法確定傳入的值是否為有限數。返回 true/false。 |
2 |
Number.isNaN(value)
如果給定值為 NaN 且其型別為 Number,則返回 true;否則返回 false。 |
3 |
Number.parseFloat(string)
從給定值解析的浮點數。如果該值無法轉換為數字,則返回 NaN。 |
4 |
Number.parseInt(string,[ radix])
方法解析字串引數並返回指定基數或基數的整數。 |
數學
ES6 中新增到Math 物件的一些常用方法如下:
序號 | 方法及描述 |
---|---|
1 |
Math.sign()
函式返回數字的符號,指示數字是正數、負數還是零。 |
2 |
Math.trunc()
函式透過刪除任何小數位來返回數字的整數部分。 |
ES6 中的陣列方法
下表重點介紹了 ES6 中的不同陣列方法及其描述。
序號 | 方法及描述 |
---|---|
1 |
copyWithin()
將陣列的一部分淺複製到同一陣列中的另一個位置,並返回它,而不修改其長度。 |
2 |
entries()
方法返回一個新的 Array Iterator 物件,該物件包含陣列中每個索引的鍵/值對。 |
3 |
find()
方法返回陣列中第一個滿足提供的測試函式的元素的值。否則返回 undefined。 |
4 |
fill()
方法使用靜態值填充陣列從起始索引到結束索引的所有元素。它返回修改後的陣列。 |
5 |
Array.of()
方法根據引數的數量和型別,從可變數量的引數建立一個新的 Array 例項。 |
6 |
Array.from()
方法從類似陣列或可迭代物件建立淺複製。 |
物件
下表中提到了與 Object 函式相關的方法以及相應的描述。
序號 | 方法及描述 |
---|---|
1 |
Object.is()
方法確定兩個值是否相同。 |
2 |
Object.setPrototypeOf()
方法將指定物件的原型設定為另一個物件或 null。 |
3 |
Object.assign()
方法用於將一個或多個源物件的所有可列舉自身屬性的值複製到目標物件。它將返回目標物件。 |