ECMAScript 擴充套件運算子與rest引數

2021-10-25 02:16:18 字數 1391 閱讀 8739

一、擴充套件運算子與rest引數

…運用1. 擴充套件運算子:把陣列或者類陣列展開成用逗號隔開的值

// 擴充套件運演算法

function

foo(a, b, c)

let arr =[1

,2,3

]foo

(...arr)

// 陣列合併

let arr1 =[1

,2,3

]let arr2 =[4

,5,6

]// es5的做法

array.prototype.push.

(arr1, arr2)

// es6的做法

arr1.

push

(...arr2)

console.

log(arr1)

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

// 字串打散放入陣列中

let str =

'zhangsan'

let arr =

[...str]

console.

log(arr)

//["z", "h", "a", "n", "g", "s", "a", "n"]

2. rest引數:把逗號隔開的值組合成乙個陣列
// rest引數

// 求和,但是x,y,z 不定參

function

foo(x, y, z)

)// es6的做法

array.

from

(arguments)

.foreach

(function

(item)

)return sum

}console.

log(

foo(1,

2))console.

log(

foo(1,

2,3)

)// rest做法

function

foo(

...args)

)return sum

}console.

log(

foo(1,

2))console.

log(

foo(1,

2,3)

)// 剩餘引數

function

foo(x,

...args)

foo(1,

2,3)

// 與解構聯合使用

let[x,

...y]=[

1,2,

3]console.

log(x)

// 1

console.

log(y)

// [2, 3]

ECMAScript 運算子 位運算子

位運算子是在數字底層 即表示數字的 32 個數字 進行操作的 重溫整數 ecmascript 整數有兩種型別,即有符號整數 允許用正數和負數 和無符號整數 只允許用正數 在 ecmascript 中,所有整數字面量預設都是有符號整數,這意味著什麼呢?有符號整數使用 31 位表示整數的數值,用第 32...

ECMAScript 等性運算子

判斷兩個變數是否相等是程式設計中非常重要的運算。在處理原始值時,這種運算相當簡單,但涉及物件,任務就稍有點複雜。ecmascript 提供了兩套等性運算子 等號和非等號用於處理原始值,全等號和非全等號用於處理物件。在 ecmascript 中,等號由雙等號 表示,當且僅當兩個運算數相等時,它返回 t...

擴充套件運算子

三個點,主要是用來將陣列幻化為用逗號分隔的引數序列。合併陣列 與解構賦值結合 如果將擴充套件運算子用於陣列賦值,只能放在引數的最後一位,否則會報錯。將字串轉為真正的陣列 可以將類似陣列的物件轉為真正的陣列 map和set結構,generator函式 擴充套件運算子內部呼叫的是資料解構的iterato...