ES6（3）-各種類型的擴(kuò)展（數(shù)組、對象）

王陸寬發(fā)布于2019-08-21 16:18 / 3022人閱讀

摘要：它好比參數(shù)的逆運(yùn)算，將一個(gè)數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列。該運(yùn)算符主要用于函數(shù)調(diào)用。該運(yùn)算符將一個(gè)數(shù)組，變?yōu)閰?shù)序列。擴(kuò)展運(yùn)算符與正常的函數(shù)參數(shù)可以結(jié)合使用，非常靈活。如果擴(kuò)展運(yùn)算符后面是一個(gè)空數(shù)組，則不產(chǎn)生任何效果。

1 數(shù)組的擴(kuò)展

http://es6.ruanyifeng.com/#do...

1.1 擴(kuò)展運(yùn)算符

含義

擴(kuò)展運(yùn)算符（spread）是三個(gè)點(diǎn)（...）。它好比 rest 參數(shù)的逆運(yùn)算，將一個(gè)數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列。

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

[...document.querySelectorAll("div")]
// [, , ]

該運(yùn)算符主要用于函數(shù)調(diào)用。

function push(array, ...items) {
  array.push(...items);
}

function add(x, y) {
  return x + y;
}

var numbers = [4, 38];
add(...numbers) // 42

上面代碼中，array.push(...items)和add(...numbers)這兩行，都是函數(shù)的調(diào)用，它們的都使用了擴(kuò)展運(yùn)算符。該運(yùn)算符將一個(gè)數(shù)組，變?yōu)閰?shù)序列。

擴(kuò)展運(yùn)算符與正常的函數(shù)參數(shù)可以結(jié)合使用，非常靈活。

function f(v, w, x, y, z) { }
var args = [0, 1];
f(-1, ...args, 2, ...[3]);

擴(kuò)展運(yùn)算符后面還可以放置表達(dá)式。

const arr = [
...(x > 0 ? ["a"] : []),
"b",
];
如果擴(kuò)展運(yùn)算符后面是一個(gè)空數(shù)組，則不產(chǎn)生任何效果。

[...[], 1]
// [1]

2 對象的擴(kuò)展 1.1 includes(), startsWith(), endsWith()

GPU云服務(wù)器云服務(wù)器 js 中各種數(shù)據(jù)類型的比較 es6字符串?dāng)U展對象的擴(kuò)展中類對象類型的轉(zhuǎn)化

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/88386.html

相關(guān)文章

ES6（3）- 各種類型的擴(kuò)展（數(shù)組、對象）

摘要：上面代碼中，分別是字符串布爾值和數(shù)值，結(jié)果只有字符串合入目標(biāo)對象以字符數(shù)組的形式，數(shù)值和布爾值都會(huì)被忽略。 1 數(shù)組的擴(kuò)展 http://es6.ruanyifeng.com/#do... 1.1 擴(kuò)展運(yùn)算符 2 對象的擴(kuò)展 http://es6.ruanyifeng.com/#do... 2.1 屬性的簡潔表示法 ES6 允許直接寫入變量和函數(shù)，作為對象的屬性和方法。這樣的書寫更加簡...

weapon 2019-08-21 16:18 評論0 收藏0
經(jīng)常會(huì)用到的es6的知識(shí)點(diǎn)

摘要：經(jīng)常會(huì)用到的的知識(shí)點(diǎn)提到我們就來說說，也是誕生，它的初始名叫。又名，在，和大受重用。年，負(fù)責(zé)制定規(guī)范草案的委員會(huì)決定將定義新標(biāo)準(zhǔn)的制度改為一年一次出現(xiàn)。它們在規(guī)范的先前版本中被稱為模板字符串。它與數(shù)組非常相似，但是數(shù)據(jù)結(jié)構(gòu)的成員都是唯一的。經(jīng)常會(huì)用到的es6的知識(shí)點(diǎn) 提到es6我們就來說說javascript，es6也是ES2015 1995：JavaScript誕生，它的初始名叫...

asce1885 2019-08-20 18:03 評論0 收藏0
es6的解構(gòu)賦值、擴(kuò)展運(yùn)算符、rest參數(shù)使用

摘要：模板字符串甚至還能嵌套解構(gòu)賦值允許按照一定模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這被稱為解構(gòu)。運(yùn)算符使用場景應(yīng)該稍少一些，主要是處理不定數(shù)量參數(shù)，可以避免對象的使用。 es6中較為常用的書寫風(fēng)格為了書寫的方便，es6中提出了很多比較友好的書寫方式，其中最為常見的屬于以下幾個(gè)：字符串模板 `abcdef${test}` 解構(gòu)賦值 let [a, b, c] = [1,...

xuweijian 2019-08-21 16:47 評論0 收藏0
ES6語法之可迭代協(xié)議和迭代器協(xié)議

摘要：有兩個(gè)協(xié)議可迭代協(xié)議和迭代器協(xié)議。為了變成可迭代對象，一個(gè)對象必須實(shí)現(xiàn)或者它原型鏈的某個(gè)對象必須有一個(gè)名字是的屬性迭代器協(xié)議該迭代器協(xié)議定義了一種標(biāo)準(zhǔn)的方式來產(chǎn)生一個(gè)有限或無限序列的值。 ECMAScript 2015的幾個(gè)補(bǔ)充，并不是新的內(nèi)置或語法，而是協(xié)議。這些協(xié)議可以被任何遵循某些約定的對象來實(shí)現(xiàn)。有兩個(gè)協(xié)議：可迭代協(xié)議和迭代器協(xié)議。可迭代協(xié)議可迭代協(xié)議允許 JavaScri...

sarva 2019-08-22 11:23 評論0 收藏0
ES6（2）-各種類型的擴(kuò)展（字符串、正則、數(shù)值、函數(shù)）

摘要：返回布爾值，表示參數(shù)字符串是否在原字符串的頭部。模板字符串之中還能調(diào)用函數(shù)。其他對字符串還有許多擴(kuò)展，例如對字符表示的擴(kuò)充以及為字符串提供了遍歷方法詳情請點(diǎn)擊正則的擴(kuò)展構(gòu)造函數(shù)在中，構(gòu)造函數(shù)的參數(shù)有兩種情況。 ES6對各種基本類型都做了擴(kuò)展，內(nèi)容有些多，本章節(jié)挑選比較重要的擴(kuò)展說明。 1 字符串的擴(kuò)展 1.1 includes(), startsWith(), endsWith() 傳...

godruoyi 2019-08-20 19:02 評論0 收藏0