es6陣列的拓展

//陣列的拓展 dom document object model 文件物件模型

// let div = document.getelementsbytagname('div') // htmlcollection 

// console.log(div)

// let div2 = document.getelementsbyclassname('xx') // htmlcollection 

// console.log(div2)

// let div3 = document.queryselectorall('.xx') //nodelist  節點列表

// console.log(div3 instanceof array) // 判斷是否是陣列型別

// 我們把這些叫做類陣列 偽陣列 並不具有陣列的方法

// div3.push() // 報錯 is not a function 類陣列 偽陣列 並不具有陣列的方法

//es5 類陣列轉變陣列的方法 slice 已有的陣列返回選定的元素 返回乙個新的陣列

// let arr = array.prototype.slice.call(div3)

// console.log(arr)

// arr.push(123)

// console.log(arr)

// function foo()

// foo(1, 'hky', true)

//es6 轉變成陣列的方法

// 1 array.from()

// let arrlike =

// console.log(array.from(arrlike))

// 2 arr.of()

// let arr = new array(1,2) // 陣列構造器

// console.log(arr)

// let arr = new array(3) // 陣列構造器

// console.log(arr) // 輸出為empty * 3

// let arr = array.of(3)

// console.log(arr) // 輸出 [3]

// let arr = array.of(3, true, 'hky', , [1, 2, 3])

// console.log(arr) // 把元素轉換成新的陣列

// array.prototype.copywithin(target, start = 0, end = this.length)

// target（必需）：從該位置開始替換資料。如果為負值，表示倒數。

// start（可選）：從該位置開始讀取資料，預設為 0。如果為負值，表示從末尾開始計算。

// end（可選）：到該位置前停止讀取資料，預設等於陣列長度。如果為負值，表示從末尾開始計算。

// 這三個引數都應該是數值，如果不是，會自動轉為數值。

//3 copywithin 替換

// let arr = [1, 2, 3, 4, 5]

// console.log(arr.copywithin(1, 3, 4)) // => 輸出 [1, 4, 3, 4, 5]

//4 fill 填充

// let arr = new array(3).fill(7) // 填充

// console.log(arr) // 輸出 [7, 7, 7]

// let arr = [1, 2, 3, 4, 5]

// // arr.fill('array', 1, 3) //第二個引數是從哪開始 第三個引數到哪結束

// arr.fill(0) //全被重置替換掉

// console.log(arr)

//5 includes 看陣列是否包含某個數 返回布林值

let arr = [1, 2, 3, nan]

// console.log(arr.indexof(nan)) // 不能檢測nan

console.log(arr.includes(nan))

es6 陣列拓展

陣列 屬性 constructor,length,prototype 方法 push,pop,shift,unshift 新增 splice,slice,reverse,sort,concat,filter,map,some,every 1 filter 過濾出符合條件的值，返回新陣列 var sp...

ES6 陣列方法拓展

array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 下面是乙個類似陣列的物件，array.from將它轉為真正的陣列。let arraylike es5的寫法 var a...

ES6正則拓展

字串的正則方法 字串物件共有 4 個方法，可以使用正規表示式 match replace search 和split es6 將這 4 個方法，在語言內部全部呼叫regexp的例項方法，從而做到所有與正則相關的方法，全都定義在regexp物件上 string.prototype.match呼叫reg...