ES6（3）-各種類型的擴展（數組、對象）

王陸寬發布于2019-08-21 16:18 / 3029人閱讀

摘要：它好比參數的逆運算，將一個數組轉為用逗號分隔的參數序列。該運算符主要用于函數調用。該運算符將一個數組，變為參數序列。擴展運算符與正常的函數參數可以結合使用，非常靈活。如果擴展運算符后面是一個空數組，則不產生任何效果。

1 數組的擴展

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

1.1 擴展運算符

含義

擴展運算符（spread）是三個點（...）。它好比 rest 參數的逆運算，將一個數組轉為用逗號分隔的參數序列。

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

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

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

該運算符主要用于函數調用。

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)這兩行，都是函數的調用，它們的都使用了擴展運算符。該運算符將一個數組，變為參數序列。

擴展運算符與正常的函數參數可以結合使用，非常靈活。

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

擴展運算符后面還可以放置表達式。

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

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

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

GPU云服務器云服務器 js 中各種數據類型的比較 es6字符串擴展對象的擴展中類對象類型的轉化

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88386.html

ES6（3）- 各種類型的擴展（數組、對象）

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

weapon 2019-08-21 16:18 評論0 收藏0
經常會用到的es6的知識點

摘要：經常會用到的的知識點提到我們就來說說，也是誕生，它的初始名叫。又名，在，和大受重用。年，負責制定規范草案的委員會決定將定義新標準的制度改為一年一次出現。它們在規范的先前版本中被稱為模板字符串。它與數組非常相似，但是數據結構的成員都是唯一的。經常會用到的es6的知識點提到es6我們就來說說javascript，es6也是ES2015 1995：JavaScript誕生，它的初始名叫...

asce1885 2019-08-20 18:03 評論0 收藏0
es6的解構賦值、擴展運算符、rest參數使用

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

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

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

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

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

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