ES6（3）-各种类型的扩展（数组、对象）

王陆宽发布于2019-08-21 16:18 / 3021人阅读

摘要：它好比参数的逆运算，将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。该运算符将一个数组，变为参数序列。扩展运算符与正常的函数参数可以结合使用，非常灵活。如果扩展运算符后面是一个空数组，则不产生任何效果。

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()

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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