ES6 學習筆記一

zs4336發表於2019-11-04

let 和 const 命令

1、let 與 const宣告的變數不存在變數提升,一定要在宣告後使用,否則報錯
2、在程式碼塊內,使用let命令宣告變數之前,該變數都是不可用的。這在語法上,稱為“暫時性死區”
3、const宣告的常量,也與let一樣不可重複宣告,對於簡單型別的資料(數值、字串、布林值),值就儲存在變數指向的那個記憶體地址,因此等同於常量,對於複合型別的變數,變數名不指向資料,而是指向資料所在的地址
4、es6宣告變數的六種方法:var,let,const,function,import,class

命令 作用域 宣告次數 變數提升 暫時性死區
var 全域性作用域 無限制 存在 不存在
let 塊級作用域 只能宣告一次 不存在 存在
const 塊級作用域 只能宣告一次 不存在 存在

變數的解構賦值

ES6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構

解構物件 解構方式
陣列 按照陣列元素順序解構
物件 按照物件屬性名字解構

1、解構方式可以分為基本,可巢狀,可忽略,不完全解構
2、剩餘運算子返回的陣列
3、解構預設值的使用:ES6內部使用嚴格相等運算子(===),判斷一個位置是否有值。所以,如果一個陣列成員不嚴格等於undefined,預設值是不會生效的

字串擴充套件

方法名 返回值
includes 表示是否找到了引數字串
startsWith 表示引數字串是否在源字串的頭部
endsWith 表示引數字串是否在源字串的尾部
repeat 表示將原字串重複n次
padStart 用於頭部補全指定長度的字串
padEnd 用於尾部補全指定長度的字串
模板字串`` 它可以當作普通字串使用,也可以用來定義多行字串,或者在字串中嵌入變數

數值擴充套件

方法名 返回值
isFinite 用來檢查一個數值是否為有限的
isNaN 用來檢查一個值是否為NaN
parseInt 將數值轉換為整數
parseFloat 將數值轉換為浮點數
isInteger 用來判斷一個值是否為整數
Number 將非數值的值轉為數值

以上是Number物件上新增的,同時Math物件上也新增了些數學方法

陣列擴充套件

方法名 返回值
from 從一個類似陣列或可迭代物件建立一個新的,淺拷貝的陣列例項
of 建立一個具有可變數量引數的新陣列例項
Array(num) 建立一個長度為num的空陣列
isArray 用於確定傳遞的值是否是一個 Array
concat 用於合併兩個或多個陣列。此方法不會更改現有陣列,而是返回一個新陣列
copyWithin 淺複製陣列的一部分到同一陣列中的另一個位置,並返回它,不會改變原陣列的長度
entries 返回一個新的Array Iterator物件,該物件包含陣列中每個索引的鍵/值對
every 測試一個陣列內的所有元素是否都能通過某個指定函式的測試。它返回一個布林值
fill 用一個固定值填充一個陣列中從起始索引到終止索引內的全部元素。不包括終止索引
filter 建立一個新陣列, 其包含通過所提供函式實現的測試的所有元素
find 返回陣列中滿足提供的測試函式的第一個元素的值。否則返回 undefined
findIndex 返回陣列中滿足提供的測試函式的第一個元素的索引。否則返回-1
flat 按照一個可指定的深度遞迴遍歷陣列,並將所有元素與遍歷到的子陣列中的元素合併為一個新陣列返回
flatMap 首先使用對映函式對映每個元素,然後將結果壓縮成一個新陣列
forEach 對陣列的每個元素執行一次提供的函式
includes 用來判斷一個陣列是否包含一個指定的值
indexOf 返回在陣列中可以找到一個給定元素的第一個索引,如果不存在,則返回-1
join 將一個陣列(或一個類陣列物件)的所有元素連線成一個字串並返回這個字串
keys 返回一個包含陣列中每個索引鍵的Array Iterator物件
lastIndexOf 返回指定元素(也即有效的 JavaScript 值或變數)在陣列中的最後一個的索引,如果不存在則返回 -1
map 建立一個新陣列,其結果是該陣列中的每個元素都呼叫一個提供的函式後返回的結果
pop 從陣列中刪除最後一個元素,並返回該元素的值。此方法更改陣列的長度
push 將一個或多個元素新增到陣列的末尾,並返回該陣列的新長度
reduce 對陣列中的每個元素執行一個由您提供的reducer函式(升序執行),將其結果彙總為單個返回值
reduceRight 接受一個函式作為累加器(accumulator)和陣列的每個值(從右到左)將其減少為單個值
reverse 將陣列中元素的位置顛倒,並返回該陣列。陣列的第一個元素會變成最後一個,陣列的最後一個元素變成第一個。該方法會改變原陣列
shift 從陣列中刪除第一個元素,並返回該元素的值。此方法更改陣列的長度
slice 返回一個新的陣列物件,這一物件是一個由 begin 和 end 決定的原陣列的淺拷貝(包括 begin,不包括end)。原始陣列不會被改變
some 測試陣列中是不是至少有1個元素通過了被提供的函式測試。它返回的是一個Boolean型別的值
sort 對陣列的元素進行排序,並返回陣列
splice 通過刪除或替換現有元素或者原地新增新的元素來修改陣列,並以陣列形式返回被修改的內容。此方法會改變原陣列
toLocaleString 陣列中的元素將使用各自的 toLocaleString 方法轉成字串
toString 返回一個字串,表示指定的陣列及其元素
unshift 將一個或多個元素新增到陣列的開頭,並返回該陣列的新長度(該方法修改原有陣列)
values 返回一個新的 Array Iterator 物件,該物件包含陣列每個索引的值
本作品採用《CC 協議》,轉載必須註明作者和本文連結

趁還沒掉光,趕緊給每根頭髮起個名字吧~

相關文章