2021-05-23 es6新增

  • es6新增的运算符还有新增的数组方法

  • ...运算符rest(剩余参数(合并))

  • es6允许我们将不定时的数量的参数表示为一个数组,
  • arguments的缺点:是个伪数组,不能使用数组的方法,(箭头函数中不能使用)!

写法:在函数中的形参,将不确定的参数的部分表示(...变量名)这个变量是一个真正的数组

  • 代码如下:(在形参中存入了6个数字)

  • 在控制·打印的结果(如图,这是一个真正的数组)

2021-05-23 es6新增_第1张图片

  • 还可以合并数组

2021-05-23 es6新增_第2张图片

  • 合并结果为以下

2021-05-23 es6新增_第3张图片

2,扩展运算符(拆分)拆分对象(可以将一个对象拆分成一个新的对象,不像是直接用=赋值一样,而是将一个对象拆分之后组装成一个新的对象不会改变原来的对象)

3,数组的方法:

map

map:遍历数组,可以对数组中的每一个元素进行操作(这里进行了一个对数组每一个元素进行乘10)

2021-05-23 es6新增_第4张图片

打印结果(结果为以下)

2021-05-23 es6新增_第5张图片

filter:过滤数组将符合条件的元素返回成一个新的数组

符合条件的返回为true(真)

2021-05-23 es6新增_第6张图片

打印结果

2021-05-23 es6新增_第7张图片

every:判断数组中的每一个元素是否符合条件,

返回值为布尔值,如果全部满足返回的是true,只要有一个不符合条件返回的是false

2021-05-23 es6新增_第8张图片

在打印的结果就是false(因为数组中有大于2的元素)

2021-05-23 es6新增_第9张图片

some:判断数组中是否有一个元素符合条件,

返回值为布尔值,只要有一个满足条件返回的就是true,如果全部不满足的情况下返回的是false

2021-05-23 es6新增_第10张图片

因为数组中3,4,5,都满足条件所有是true

Array.from:将伪数组转化成数组,只要有length(长度)属性的就可以变成数组,

2021-05-23 es6新增_第11张图片

Array.of:将一组值,转成一个真正的数组(类似于声明数组)

2021-05-23 es6新增_第12张图片

includes判断数组中是否有包含指定得值,返回的是一个布尔值

因为有3所以是true

find  找到数组中第一个符合条件的数组成员,返回得是元素!

2021-05-23 es6新增_第13张图片

因为只有5大于4所以是5

findIndex:找到数组中第一个符合条件的数组成员的下标

因为是下标所以是4

希望对大家有帮助在这里叫大家看看我老婆

2021-05-23 es6新增_第14张图片

 

你可能感兴趣的:(es6,javascript,jquery)