// 通过for循环可以获取到数组中的每一个元素，即是利用的for循环产生的i作为数组中的元素的索引值
// 该文章不利用for循环进行数组的遍历

1. 先定义两个数组：

     var arr=[2,3,5,6,8];var newArr=[]

2.forEach 可以遍历数组中的每一项

        arr.forEach(function(item,index,arr){// item 指的是数组中的每一个元素console.log(item);// index 指的是每一个元素对应的索引console.log(index);// 数组本身console.log(arr);// 将arr数组里的内容开平方放在newArr 方法一// item=Math.pow(item,2);// newArr[index]=item;// console.log(newArr);// 将arr数组里的内容开平方放在newArr 方法二newArr.push(Math.pow(item,2));});console.log(newArr);

3.map 遍历返回一个新的数组，并且新数组的长度与原来的相同

// map方法里面也是一个回调函数，该函数也是接受三个参数，并且需要返回值，
//这个值将作为新数组里的元素，若是没有返回值，则为undefined 2 var mapArr=arr.map(function(item,index,arr){// console.log(item);// console.log(index);//索引值// console.log(arr)//本身return item;})// console.log(mapArr);

4.reduce

// 3.reduce 方法接收的是两个参数// 第一个函数 回调函数// 第二个参数 初始值,初始值的类型会决定返回结果的数据类型// 回调函数中有四个参数// pre：上一次遍历的结果，需要返回// cur ：本次遍历到数组元素// index：元素对应的索引// arr：数组本身var str=0;var result=arr.reduce(function(pre,cur,index,arr){// console.log(pre);//aa// console.log(cur);//本次遍历到的元素// cur>4 的元素总和// if(cur>4){//     return pre+cur;// }cur1=Math.pow(cur,2);newArr.push(Math.pow(cur,2));return pre+cur1;},str);// console.log(result)// console.log(newArr)// 没有return时 return pre;没有将值返回，所以就undefined// 1. pre   0                cur  2// 2. pre   undefined        cur  3// 3. pre   undefined        cur  5// 4. pre   undefined        cur  6// 5. pre   undefined        cur  8// 有return时 return pre;// 1. pre   0                 cur  2// 2. pre   4                 cur  3// 3. pre   13                cur  5// 4. pre   38                cur  6// 5. pre   74                cur  8

5.过滤filter

// filter 过滤 根据条件对数组中元素进行筛选。返回符合条件的元素，组成一个新的数组，
// 里面参数也是回调函数var filArr=arr.filter(function(item,index,arr){// 将小于四的元素筛选出来if(item<4){return item;}})// console.log(filArr);

6.find 查找

var strArr=['meet','apple','timeover','rice','water','noodles'];
// find 找到数组中符合条件的元素,返回出来，只要找到符合条件的元素，就立刻返回该元素，
// 不会再继续下去，所以find找的是一个元素
var atrss=strArr.find(function(item){// console.log(item);return item.startsWith('r')})
// console.log(atrss);

7.findIndex 找到符合条件元素的位置索引值

var strindex=strArr.findIndex(function(item){if(item=='rice'){return item;}})

8.结合使用小例子

 // 将这个数组元素平方再求和var result=arr.map(function(item){return Math.pow(item,2);}).reduce(function(pre,cur){return pre+cur;})// console.log(result);

jQuery 数组遍历，数组高级操作find、findIndex、map、reduce、filter、forEach详解相关推荐

linux jq 遍历数组,jquery怎么遍历数组？
jquery怎么遍历数组?下面本篇文章就来给大家介绍一下使用jquery遍历数组的几种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.for循环:var arr = new ...
1031. 两个非重叠子数组的最大和-构造子数组和数组遍历数组
1031. 两个非重叠子数组的最大和-构造子数组和数组遍历数组给出非负整数数组 A ,返回两个非重叠(连续)子数组中元素的最大和,子数组的长度分别为 L 和 M.(这里需要澄清的是,长为 L 的子数 ...
shell编程系列23--shell操作数据库实战之mysql命令参数详解
shell编程系列23--shell操作数据库实战之mysql命令参数详解mysql命令参数详解-u 用户名-p 用户密码-h 服务器ip地址-D 连接的数据库-N 不输出列信息-B 使用tab键代替 ...
HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解
导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下 ...
php 便利jq,jquery怎样遍历数组？jquery遍历数组常用的两种方式
在jquery中,我们常用$().each和$.each()这两个方法来进行数组的遍历,$().each和$.each()这两种方法表面看起来好像差不多,但是,实际上这两个方法是有区别的,两个方法在针 ...
java for数组遍历数组_Java foreach操作（遍历）数组
语法: 我们分别使用 for 和 foreach 语句来遍历数组运行结果: 练习: import java.util.Arrays; public class HelloWorld { public ...
jQuery属性遍历、HTML操作
jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. .add() 将元素添加到匹配元素的集合中. . ...
JavaScript数组的高级用法-reduce和reduceRight详解
2019独角兽企业重金招聘Python工程师标准>>> reduce 方法(升序) 语法: array1.reduce(callbackfn[, initialValue]) 参数 ...
JS--JavaScript数组Array(join、split、reverse、concat、slice)详解
JavaScript数组数组(Array)是一组有序数据集合,拥有大量方法,适合完成一些复杂的运算. 定义数组定义数组通过构造函数Array()和运算符new来实现,具体方法如下: 1. 定义空数 ...

jQuery 数组遍历，数组高级操作find、findIndex、map、reduce、filter、forEach详解

1. 先定义两个数组：

2.forEach 可以遍历数组中的每一项

3.map 遍历返回一个新的数组，并且新数组的长度与原来的相同

4.reduce

5.过滤filter

6.find 查找

7.findIndex 找到符合条件元素的位置索引值

8.结合使用小例子

jQuery 数组遍历，数组高级操作find、findIndex、map、reduce、filter、forEach详解相关推荐

最新文章

热门文章