ES6中的扩展运算符

扩展运算符（...）将一个数组转化为参数序列，通常与函数一起使用，show(...[‘judy‘,‘girl‘])。

数组合并：[...arr1,...arr2,...arr3]

字符串转字符数组：[..."hello"]--------------["h","e","l","l","o"]

将实现Iterator接口的对象转化为真正的数组：[...nodelist]，这里的nodelist是一个类似于数组的nodelist对象.

Generator 函数：该函数执行后返回一个遍历器对象，拓展运算符也可将其转化为数组。

let a =function*(){
    yield 3;
    yield 4;
    yield 5;
    return 6;
};
console.log([...a()]);              //[3,4,5]

原文地址：https://www.cnblogs.com/150536FBB/p/11599548.html

时间： 2024-11-08 10:17:36

ES6中的扩展运算符的相关文章

es6可变参数-扩展运算符

es5中参数不确定个数的情况下: //求参数和 function f(){ var a = Array.prototype.slice.call(arguments); var sum = 0; a.forEach(function(item){ sum += item*1; }) return sum; }; f(1,2,3);//6 es6中可变参数: function f(...a){ let sum = 0; a.forEach(item =>{ sum += item*1; }) re

Vue的三个点es6知识，扩展运算符

Vue中的三个点在不同情境下的意思 操作数组 //里面放自己定义的方法 methods: { /** * 把数组中的元素孤立起来 */ iClick() { let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 }, /** * 在数组中添加元素 */ iClick3() { let iArray = ['1', '2', '3']; console.log(['0', ...iArray, '4']); // 打

(...)ES6三点扩展运算符

扩展运算符将一个数组转为用逗号分隔的参数序列 console.log(...[a, b, c]) // a b c

es6~扩展运算符后续

对象的扩展运算符 扩展运算符(...).ES2018 将这个运算符引入了对象. 解构赋值 对象的解构赋值用于从一个对象取值,相当于将目标对象自身的所有可遍历的(enumerable).但尚未被读取的属性,分配到指定的对象上面.所有的键和它们的值,都会拷贝到新对象上面. let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; x // 1 y // 2 z // { a: 3, b: 4 } 上面代码中,变量z是解构赋值所在的对象.它获取等号右边的所有尚未

javascript ES6 新特性之 扩展运算符 三个点 ...

对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() 方法,我们先来看一下 Object.assign() 方法: Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象.如下: const target = { a: 1, b: 2 }; const source = { b: 4, c: 5

2. es6扩展运算符

1. es扩展运算符 扩展运算符将一个数组转为用逗号分隔的参数序列: <script> console.log(...[1, 2, 3]) //1 2 3 // (1)将一个数组,变为参数序列 let add = (x, y) => x + y; let numbers = [1, 2]; console.log(add(...numbers))//3 // (2)使用扩展运算符展开数组代替apply方法,将数组转为函数的参数 // ES5 取数组最大值 console.log(Math

数组的扩展运算符

一.基本使用 ES6中函数可以使用 rest参数 接收函数的多余参数,组成一个数组,放在形参的最后面. let fn = (a, ...value) => { console.log(a); console.log(value[0], value[1]); }; add(10, 20, 30); // 10 // 20 30 数组中的扩展运算符就好比 rest参数 的逆运算,将一个数组转为用逗号分隔的参数序列(也就是展开数组),在语法上,用三个点表示(...). var fruits = ['a

如何提高扩展运算符的性能

博客地址:https://github.com/Wscats/articles/issues/88 在这篇文章中,我们会进行一个有趣的测试,看看我们如何提高扩展运算符的性能. 让我们首先简要介绍一下扩展运算符在数组中的工作原理. 扩展运算符,也就是我们常用的三个,让数组展开变成每个小块. 然后使用中括号语法[],重新组装这些小块构造一个新数组. 扩展运算符可以被放置在中括号[]里面的任何位置. const numbers = [1, 2, 3]; [0, ...numbers]; // => [

Js es6中扩展运算符（...）

拓展运算符,是es6一个很好的特性,它们可以通过减少赋值语句的使用,或者减少通过下标访问数组或对象的方式,使代码更加简洁优雅,可读性更佳.下面我将列出拓展运算符的主要应用场景,以及相关知识. 1.在函数调用时使用拓展运算符. 以前如果我们想将数组元素迭代为函数参数使用,一般使用Function.prototype.apply的方式. function myFunction(x, y, z) { console.log(x+""+y+""+z); } var args