ES6入門概覽二 陣列

2022-05-03 12:33:43 字數 815 閱讀 5427

一 陣列

1. array.from() 將兩類物件轉為真的陣列: 類似陣列的物件(偽陣列,如arguments、document.getelementsbytagnames等)和可遍歷物件(包括es6新增的set map)

--es5,偽陣列轉為真正的陣列 array.prototype.slice().call(fakearray)

array.from()的另乙個應用是將字串轉為陣列

2. array.of()將一組值轉換為陣列

彌補陣列建構函式array()的不足

3. 陣列例項的copywithin()

引數:4.陣列例項的find()  用於找出第乙個符合條件的陣列成員 引數是乙個**函式

findindex(function(val, index, arr))

5.陣列例項的遍歷

6.陣列例項的includes() : boolean, 表示某個陣列是否包含給定的值(代替es5 的indexof())

7.陣列例項的fill() :用於給定值填充資料

8.陣列的空位 空位表示沒有值 

array(3)  //

[ , , ,]

es6明確將空位轉為undefined

9.陣列推導 (es7)

直接通過現有陣列生成新陣列

ES6入門概覽一

一 let const 1.let命令 宣告變數僅在塊級作用域有效 let實際上為js新增了塊級作用域 好處 不存在變數提公升 內部宣告的變數 函式 不會影響外部 不可重複宣告變數 2.const 宣告常亮 宣告時賦值 宣告變數 1.var 2.function es5 全域性物件屬性 3.let ...

ES6入門05 陣列擴充套件

11 console.log arr 3,abc true,11 let empty array.of console.log empty hello beautiful girl 類似map對映的功能 from接收兩個引數,array.from arr,fn fn的返回值組成了最終的陣列 cons...

es6新增內容簡單概覽

箭頭函式 arrow function es6新增內容,用箭頭語法簡寫函式,且this會自動繫結當前上下文 1,2,3,4 map d d d 單行 也可以寫多行 1,2,3,4 map d 等價於 1,2,3,4 map function d class關鍵字 現在原生支援 class 關鍵字來宣...