作用：将一个数组转为用逗号分隔的参数序列。

//该运算符主要用于函数调用。
function push(array, ...items) {

  array.push(...items);

}

function add(x, y) {

  return x + y;

}

var numbers = [4, 38];

add(...numbers) // 42






//扩展运算符取代apply方法的一个实际的例子，应用Math.max方法，简化求出一个数组最大元素的写法。

// ES5 的写法

Math.max.apply(null, [14, 3, 77])

// ES6 的写法

Math.max(...[14, 3, 77])

// 等同于

Math.max(14, 3, 77);





　




//通过push函数，将一个数组添加到另一个数组的尾部

// ES5的 写法

var arr1 = [0, 1, 2];

var arr2 = [3, 4, 5];

Array.prototype.push.apply(arr1, arr2);

// ES6 的写法

var arr1 = [0, 1, 2];

var arr2 = [3, 4, 5];

arr1.push(...arr2);





　　




//合并数组

// ES5

[1, 2].concat(more)

// ES6

[1, 2, ...more]

var arr1 = ['a', 'b'];

var arr2 = ['c'];

var arr3 = ['d', 'e'];

// ES5的合并数组

arr1.concat(arr2, arr3);

// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合并数组

[...arr1, ...arr2, ...arr3]

// [ 'a', 'b', 'c', 'd', 'e' ]





　




扩展运算符将字符串转为真正的数组

[...'hello']

// [ "h", "e", "l", "l", "o" ]





　　


　


　


　　
												
											
js扩展运算符（spread）是三个点（...）的更多相关文章
	

    
						
  1. js扩展运算符(spread)三个点(...)
		
    常见用法: 1.该运算符主要用于函数调用. function push(array, ...items) { array.push(...items); } function add(x, y) {  ...
    
		
    2. 
						
  2. ...：ES6中扩展运算符(spread)和剩余运算符(rest)详解
		
    1.扩展运算符(spread) demo1:传递数据代替多个字符串的形式 let test= function(a,b,c){ console.log(a); console.log(b); cons ...
    
		
    3. 
								
  3. js扩展运算符（spread）三个点（...）
		
    常见用法: 1.该运算符主要用于函数调用. function push(array, ...items) { array.push(...items); } function add(x, y) {  ...
    
		
    4. 
						
  4. JavaScript学习系列4 ----- JavaScript中的扩展运算符  三个点(...)
		
    在JavaScript中, ES6开始有rest参数 和 三个点扩展运算符 (spread运算符) 我们来看看他们各自的用处 1. rest参数 rest参数的形式为 ...变量名           ...
    
		
    5. 
						
  5. 扩展运算符（spread）是三个点（…)
		
    扩展运算符(spread)是三个点(…),将一个数组||类数组||字符串转为用逗号分隔的序列. js中用来对数组进行操作,把数组里面的东西统统拿出来 一.展开数组 //展开数组 let a = [1, ...
    
		
    6. 
						
  6. Es6扩展运算符--三点运算符(...)--展开语法(Spread syntax)
		
    0.看文档呀 关于拓展运算符更详细的解释见 > MDN展开语法 关于剩余参数更详细的解释见 >MDN剩余参数 关于解构赋值更详细的解释见 >MDN解构赋值 直接看上面的文档更好 1. ...
    
		
    7. 
						
  7. ES6 扩展运算符 三点（...）
		
    含义 扩展运算符( spread )是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[, , ]) // 1 2 3 conso ...
    
		
    8. 
						
  8. es6 学习小记 扩展运算符 三个点（...）
		
    参考: es6 扩展运算符 三个点(...) 经常回顾,方能真正掌握. 一.含义 扩展运算符( spread )是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. ...
    
		
    9. 
						
  9. 记录一下ES6扩展运算符（三点运算符）...的用法
		
    ...运算符用于操作数组,有两种层面 1. 第一个叫做 展开运算符(spread operator),作用是和字面意思一样,就是把东西展开.可以用在array和object上都行. 比如: let a ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. swift 实践- 12 -- UIPickerView
			
    import UIKit class ViewController: UIViewController , UIPickerViewDelegate,UIPickerViewDataSource{ v ...
    
			
    2. 
						
  2. Oracle12c Data Guard搭建手册
			
    Oracle12c Data Guard搭建手册 注:本文来源: 红黑联盟 < Oracle12c Data Guard搭建手册 > Oracle 12c 的DataGuard 是在CDB ...
    
			
    3. 
						
  3. android 使用opencv
			
    1.将已有的项目名称改名字,但一直报错 Error:A problem occurred configuring project ':app'.> executing external nati ...
    
			
    4. 
						
  4. nodejs之koa-router与koa-body搭配使用
			
    简介 koa需要搭配中间件来做接口更方便,使用Koa-body & Koa-router 使用 koa2 创建接口,处理post请求 const koa=require("koa&q ...
    
			
    5. 
						
  5. Android adb from work ---three
			
    转接from work --two 0.查看Android的物理存储空间df adb shell df -h 表示以MB单位查看存储使用情况 1.在Android设备中创建指定大小的文件(也能测试其I ...
    
			
    6. 
						
  6. 剑指offer 二叉树中和为某一个值的路径
			
    剑指offer 牛客网 二叉树中和为某一个值的路径 # -*- coding: utf-8 -*- """ Created on Tue Apr 9 15:53:58 2 ...
    
			
    7. 
						
  7. C#概念总结（一）
			
    1.C#程序的框架问题 首先是命名的空间申明   (NameSpace delclaration) 一个 ClASS class 方法 class属性 一个main 的方法 语句(Statement) ...
    
			
    8. 
						
  8. Decimal integer conversion
			
    问题 : Decimal integer conversion 时间限制: 1 Sec  内存限制: 128 MB 题目描述 XiaoMing likes mathematics, and he is ...
    
			
    9. 
						
  9. 关于springboot整合配置pagehelper插件的方法
			
    一,java代码配置法 这种方法个人感觉比较繁琐不是很推荐,而且也不怎么符合springboot的理念,但是胜在也能够用,所以就列起来,万一以后接手的代码是用这种方式的也方便自己维护. 首先引入jar ...
    
			
    10. 
						
  10. Py学生信息管理系统 案例（优化版）
			
    # 第一题:设计一个全局变量,来保存很多个学生信息:学生(学号, 姓名,年龄):思考要用怎样的结构来保存:# 第二题:在第一题基础上,完成:让用户输入一个新的学生信息(学号,姓名,年龄):你将其保存在 ...
    
			
    11.