ES6中数组的方法

ES6中数组的方法,第1张

1.forEach没有返回值,本质上等同于 for 循环,对每一项执行 function 函数

2.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

1.map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

2.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

3.使用map一定要return

1.filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

2.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

1.find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

2.find() 方法为数组中的每个元素都调用一次函数执行,当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined

3.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

1.every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。

2.every() 方法使用指定函数检测数组中的所有元素,如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测,如果所有元素都满足条件,则返回 true。

3.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

1.some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

2.some() 方法会依次执行数组的每个元素,如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测,如果没有满足条件的元素,则返回false。

3.可传三个形参 第一个是当前元素 为必填,第二个是当前索引值 可以不填,第三个是当前元素所属的数组对象 可以不填

1.reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

2.语法 array.reduce(function(total, currentValue, currentIndex, arr), initialValue),initialValue为初始值,可选填

ES6发布于2015年,增加了重要的新特性(包括类和模块语法)。这些新特性把javaScript从一门脚本语言转变成一门适合大规模软件工程的严肃、通用的语言。

主要介绍:es6新增的变量声明方式,es6新增的数组方法,字符串模板,箭头函数 =>,解构赋值,class类,for of循环和新增的字符串方法

let 关键字用来声明变量(类似于旧javaScript中的var声明)但是使用 let 声明的变量有以下几个特点 ↓

1、不存在变量声明提升

2、存在块级作用域

3、存在暂时性死区

4、不允许重复声明

for(作用域A){作用域B} 循环的应用;

const 关键字用来声明常量,其使用规则除了声明之后不能修改之外,其他特征和let一样 ↓

const的本质:const定义的变量并非是常量,并非不可变。不允许被改变的是地址,不是变量,使用const定义对象或者是数组时,其实是可变。

但是:我们不能对常量数值进行赋值,会报错

indexof(val,index) 参数1是我们要寻找的项,参数2是我们起始寻找项的索引号

forEach(function(val,index){ }) 对数组进行循环遍历,这个方法没有返回值

filter(callback) 功能上遍历和过滤,返回符合条件的元素,filter在循环的时候会判定一下是true还是false,是true才会返回。

map(callback) map可以改变当前循环的值,返回一个新的被改变过值之后的数组map需return),一般用来处理需要修改某一个数组的值。映射

some() 数组中有一个数组元素满足条件,就返回true

every() 数组中所有数组元素满足条件,就返回true

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值

reduceRight() 同上 ↑ reduce(),区别是从右到左

当我们需要输出一段话的时候

旧的写法:

模板字符串的写法

我们在页面中输出一个表格,里面字符串带表达式,等等

箭头函数是函数以往写法的一种简写形式,只能以赋值形式存在,箭头函数如果只有一个参数的情况下,可以直接写参数省略括号使用

也是有好处的,需要:想让定时器或者延时器里面的this指向的也是对象,怎么办呢?

箭头函数本身上面是没有this,它的this可以去上一层去找

箭头函数 ↓

可以嵌套

对象解构

repeat() 重复功能 ()参数表示重复多少遍

includes() 判定字符串中是否存在某个字符串

startsWith() endsWith() 也是判定字符串中是否存在某个字符串

padStart() 用于头部补全 padEnd() 用于尾部补全。

trimStart()和trimEnd()

trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

ES6新增的方法就介绍到这里了,谢谢大家!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8013853.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存