Es6 学习笔记(一)数组扩展

扩展运算符 ...

1.数组的扩展运算符将一个数组转换成一个逗号分隔的参数序列

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

[‘a‘, ‘b‘,...[1,3]]   //a,b,1,3

2.扩展运算用于函数调用

function push(a, arr){

  a.push(...arr);

}

****************************************************************************************

function add(a, b){

  return a+b; 

}

var arr=[1,8];

add(...arr);

****************************************************************************************

function add(x,y,z,n,m){

  return x+y+z+n+m;  

}

var a = [1,2,3]

add(1,...a,3);

3.扩展运算符替代数组的apply

//es5

Math.max.apply(null, [1,3,4,5]);

//es6

Math.max(...[1,2,3,5])

//将一个数组插入到到一个数组的尾部

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

2)arr1 = arr1.concat(arr2);

3)arr1.push(...arr2);

//复制数组

arr1 = arr.concat()

arr1 = arr.splice(0)

arr1 = [...arr]

//结构赋值

const [a, ...b] = [1,2,3,4] //a=1 b=[2,3,4]

扩展只能用在最后一个

 4.将字符串转换为数组

[...‘this is str‘];   // ["t", "h", "i", "s", " ", "i", "s", " ", "s", "t", "r"]

//正确处理含有uicode码的字符串

‘x\uD83D\uDE80y‘.length // 4
[...‘x\uD83D\uDE80y‘].length // 3

//反转字符串

let str = ‘x\uD83D\uDE80y‘;

str.split(‘‘).reverse().join(‘‘)
// ‘y\uDE80\uD83Dx‘

[...str].reverse().join(‘‘)
// ‘y\uD83D\uDE80x‘

5.只要实现了Iterator接口的类数组结构,用扩展运算符可以转为真正的数组

[...Nodelist]

时间: 2024-11-09 22:56:00

Es6 学习笔记(一)数组扩展的相关文章

ES6学习笔记(二)——字符串扩展

相信很多人也和我一样,不喜欢这样循规蹈矩的逐条去学习语法,很枯燥乏味.主要是这样学完一遍之后,没过一段时间就忘到九霄云外了.不如实际用到的时候研究它记得牢靠,所以我就整理成笔记,加深记忆的同时便于复习查看. 在这样不断的学习过程中,也提高了自己的总结能力:) 1.字符串的遍历器接口 ES5,数组和对象可以进行遍历,使用for() 和 for...in,还有jq中的each()方法进行遍历. ES6为我们提供了字符串遍历器  for...of 循环遍历 优点:可以识别大于0xFFFF的码点,传统的

es6学习笔记(1)数组(上)

最近公司没什么事情,我们老大让我看看es6,小颖就练习了下数组的各个方法,今天先给大家分享一部分.嘻嘻,希望对大家有所帮助. every方法: 概述:    every() 方法测试数组的所有元素是否都通过了指定函数的测试. 参数: callback:用来测试每个元素的函数; element:当前遍历到的元素. index:当前遍历到的索引. array:数组本身. thisArg:执行 callback 时使用的 this 值. 描述: 小颖的理解是这样的: every 方法为数组中的每个元素

es6学习笔记(2)数组(中)

接着上一篇,给大家再分享一些数组的其他方法.大家也可以去点击这里学习数组更多的方法 concat方法: 概述:    concat() 方法将传入的数组或非数组值与原数组合并,组成一个新的数组并返回. 参数: valueN:需要与原数组合并的数组或非数组值. 描述: concat 方法将创建一个新的数组,然后将调用它的对象(this 指向的对象)中的元素以及所有参数中的数组类型的参数中的元素以及非数组类型的参数本身按照顺序放入这个新数组,并返回该数组. concat方法并不修改调用它的对象(th

es6学习笔记初步总结

es6学习笔记初步总结 1. let.const 和 block 作用域 在ES6以前,var关键字声明变量.无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部).这就是函数变量提升例如: let 关键词声明的变量不具备变量提升(hoisting)特性 let 和 const 声明只在最靠近的一个块中(花括号内)有效 当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASING const 在声明时必须被赋值 否则报语法错误SyntaxError

C和指针 学习笔记-3.数组与指针

数据名代表首地址 指向数组的指针 #include <stdio.h> extern void iterate(int *p); void main(){ int a[]={1,2,3,4,5}; iterate(a); } void iterate(int *p){ int i; for(i=0;i<5;i++){ printf("%d",*p++); } } 指向一维数组的指针 int (*p)[3] #include <stdio.h> void i

Java程序员的JavaScript学习笔记(14——扩展jQuery UI)

计划按如下顺序完成这篇笔记: Java程序员的JavaScript学习笔记(1--理念) Java程序员的JavaScript学习笔记(2--属性复制和继承) Java程序员的JavaScript学习笔记(3--this/call/apply) Java程序员的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序员的JavaScript学习笔记(5--prototype) Java程序员的JavaScript学习笔记(6--面向对象模拟) Java程序员

Swift学习笔记(12)--数组和字典的复制

Swift中,数组Array和字典Dictionary是用结构来实现的,但是数组与字典和其它结构在进行赋值或者作为参数传递给函数的时候有一些不同. 并且数组和字典的这些操作,又与Foundation中的NSArray和NSDictionary不同,它们是用类来实现的. 注意:下面的小节将会介绍数组,字典,字符串等的复制操作.这些复制操作看起来都已经发生,但是Swift只会在确实需要复制的时候才会完整复制,从而达到最优的性能. 字典的赋值和复制操作 每次将一个字典Dictionary类型赋值给一个

Swift学习笔记(5)--数组

数组的下标从0开始计数,相关方法属性涉及到下标时也从0开始计数 1.定义: //1.可变数组 var cityArray = ["Portland","San Francisco","Cupertino"] //2.不可变数组 let cityArray2 = ["Portland","San Francisco","Beijing"] //3.空数组 var animalArray =

ES6学习笔记二:各种扩展

转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7242967.html 一:字符串扩展 二:正则的扩展 三:Number的扩展 四:函数扩展 五:数组扩展 六:对象扩展

我的es6学习笔记

前两个月看了一套es6的教程,现在将当时我做的笔记分享出来,与大家一起分享,我的不足之初也希望大家可以指出来.虽然简单学过一遍,但是我项目中用到的也就const,let,解构赋值,默认参数,箭头函数,promiss,模板字符串差不多这几个吧,其他的还不是很了解.现在再拿出来结合阮一峰老师的书再重新的学习一遍. ES6 npm install babel-cli -g npm install babel-cli babel-preset-es2015 --save-dev babel es6.js