ECMAScript常用整理

2021-10-08 18:47:10 字數 2240 閱讀 7770

array.prototype.flat()

用於陣列扁平化,遞迴地將陣列展平到我們指定的深度。如果未指定depth引數,則預設值為1。

var newarray = arr.

flat

([depth]);

depth 選擇性,指定巢狀陣列展開的深度。預設為1。

var arr1 =[1

,2,[

3,4]

];arr1.

flat()

;// [1, 2, 3, 4]

var arr2 =[1

,2,[

3,4,

[5,6

]]];

arr2.

flat()

;// [1, 2, 3, 4, [5, 6]]

var arr3 =[1

,2,[

3,4,

[5,6

]]];

arr3.

flat(2

);// [1, 2, 3, 4, 5, 6]

array.prototype.flatmap()

相當於把乙個陣列先呼叫完map函式再呼叫flat函式將其扁平化

重寫tostring()方法

允許輸出其中的注釋內容

可選的捕獲

// before                     // es2019

trycatch

(error)

catch

}

非同步迭代

使用乙個for-await-of迴圈,該迴圈將可迭代物件轉換為promise,

async functions (非同步函式)

async await

object.getownpropertydescriptors()

getownpropertydescriptors方法返回一指定物件自己所有的屬性內容,並且屬性內容只是自身直接定義的,而不是從object的原型繼承而來的。

padstart 和 padend

對字串的開發或結尾進行填充,從而使字串獲得給定的長度。你可以用特定的字元、字串或者是空格(預設)來填充

object.entries() 和 object.values()

object.values方法返回乙個指定物件可列舉屬性值的陣列

object.entries方法返回乙個給定物件可列舉屬性值的陣列[key, value]

const family =

object.

keys

(family)

;// ["father", "mother", "son"]

object.

values

(family)

;// ["jonathan kent", "martha kent", "clark kent"]

object.

entries

(family)

;// (3) [array(2), array(2), array(2)]

// 0: (2) ["father", "jonathan kent"]

// 1: (2) ["mother", "martha kent"]

// 2: (2) ["son", "clark kent"]

函式引數列表和呼叫後面的逗號

在函式引數尾部使用逗號時不會再觸發錯誤警告(syntaxerror)

只增加了兩個新功能,很小的一次改動

array.prototype.includes()

檢查陣列是否包含某個元素項,存在返回true,否則將返回false。

指數運算子

求冪運算子**等價於 math.pow()。

math.pow(4

,2)==4**

2

參考

ECMAScript陣列常用

var arr 22,33,44,55,66,77,88,99 every 全部結果為true 則返回true var e arr.every function m console.log arr.every e every 只有有乙個方法返回true 則返回true var s arr.some ...

Vue vue中常用的ECMAScript6語法

1 es5中物件 2 es6中物件 注意這種寫法的屬性名稱和值變數是同乙個名稱才可以簡寫,否則要想es5那樣的寫法,例如 1 es5中物件 substrict function 2 es6中物件 substrict 1 es5兩種形式 2 1 module.exports fucntion 3 2 ...

ECMAScript6 常用解構賦值

一 解構賦值按照一定模式,從陣列和物件中提取值,對變數進行賦值 1.陣列解構let arr 1 2,3 現在要求取出陣列的每一項 傳統的方式 let a arr 0 let b arr 1 let c arr 2 console.log a,b,c 1,2,3 在es6中提供了解構的語法 可以得到陣...