ES6中新增数组遍历方法

ES6中新增的方法

遍历方法: forEach(),fifter(),some()；

array.forEach(function(currentValue,index,arr))
// currentValue:数组当前项的值
// index:数组当前的索引
// arr:数组对象本身

 <script>var arr = [1,2,3];arr.forEach(function(value,index,array){console.log('当前数组的值为'+value);console.log('当前数组的序号为'+index);console.log('当前数组为'+array);})</script>

array.filter(function(currentValue,index,arr))

filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素，主要用于筛选数组。

    <script>var arr = [1,2,3,4,5];var newArr = arr.filter(function(value,index){// 筛选大于3的数值return value > 3;})console.log(newArr);//[4,5]</script>

注意它直接返回一个新的数组

array.some(function(currentValue,index,arr))

some()方法用于检测数组中的元素是否满足指定条件，通俗点查找数组中是否有满足条件的元素

 <script>var arr = [1,2,3,4,5];var flag = arr.some(function(value,index){return value > 3;})console.log(flag);// true</script>

注意他返回值是布尔值，如果查找到这个元素，就返回true,如果查找不到就返回false
如果找到第一个满足条件的元素，则终止循环，不再继续查找

forEach和some的区别

在forEach里面return 不会终止迭代
在some里面遇到return true就是终止遍历迭代效率更高
所以当返回唯一的一个值的时候,使用some()

ES6中新增数组遍历方法相关推荐

ES6中新增的字符串方法
实例方法:includes(), startsWith(), endsWith() 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中.ES6 又提供 ...
ES6 常见的数组遍历方法
forEach map filter some every reduce 累加举个例子: 定义一个数组 arr,每一个元素都是一个对象 const arr = [{ count: 10, statu ...
ES6中的数组reduce()方法详解
目录 1. 语法reduce说明 2. 一些用途 3. 极力避免的情况 reduce() 方法对数组中的每个元素执行一个由我们提供的reducer函数(升序执行),将其结果汇总为单个返回值. 1. 语 ...
ES6/02/创建对象，构造函数和原型，原型和原型链，this指向，类，ES5新增的方法，数组方法，回调函数，ES5新增的字符串方法，ES5中新增的对象方法
创建对象 1,利用new Object()创建对象 var obj1 =new Object(); 2,利用对象字面量创建对象 var obj2={}; 3,利用构造函数创建对象 function S ...
ES5和ES6数组遍历方法详解
ES5和ES6数组遍历方法详解在ES5中常用的10种数组遍历方法: 1.原始的for循环语句 2.Array.prototype.forEach数组对象内置方法 3.Array.prototype. ...
ES6中新增字符串方法，字符串模板
ES6中新增字符串方法,字符串模板多了两个新方法 startsWith endsWith 返回的是一个Boolean值 let str='git://www.baidu.com/2123123';i ...
js 数组遍历方法详解（map、filter、find、findIndex、reduce）
目录前言 map map是什么 map方法的结构及入参语法糖 map一般不改变原数组 filter 说明例子 find 和 findIndex 说明例子 reduce 说明例子尾言前言 ...
php的遍历方法,PHP数组遍历方法总结
在PHP中数组分为两类: 数字索引数组和关联数组. 其中数字索引数组和C语言中的数组一样,下标是为0,1,2- 而关联数组下标可能是任意类型,与其它语言中的hash,map等结构相似. 下面介绍PHP ...
听说ES6中新增了能够与众不同的Symbol数据类型
前言小伙伴们大家好.不知道大家有没有遇到这样一种情况:在我们日常开发中,有时候可能会用到一些别人提供的对象,并且业务需要想要在这个对象的基础上进行一些扩展,添加一些属性或方法等.这个时候如果我们不了 ...

ES6中新增数组遍历方法

ES6中新增的方法

forEach和some的区别

ES6中新增数组遍历方法相关推荐

最新文章

热门文章