当前位置: 首页 > news >正文

.net 怎么循环得到数组里的值_关于js数组


第一部分介绍Es6中遍历数组的方法

1.keys, values ,entries

ES6提供三个新的方法 ----entries(),keys(), values() ,用于遍历数组,他们会返回一个遍历器对象,可以用for of 循环进行遍历

for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b" 

2.findIndex

对于数组中的每个元素,findIndex 方法都会调用一次回调函数(采用升序索引顺序),直到有元素返回 true。只要有一个元素返回 true,findIndex 立即返回该返回 true 的元素的索引值。如果数组中没有任何元素返回 true,则 findIndex 返回 -1。

findIndex 不会改变数组对象。

[1,2,3].findIndex(function(x) { x == 2; });
// Returns an index value of 1. 
[1,2,3].findIndex(x => x == 4);
// Returns an index value of -1.

3.find

find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined

var stu = [
 {
 name: '张三',
 gender: '男',
 age: 20
 },
 {
 name: '王小毛',
 gender: '男',
 age: 20
 },
 {
 name: '李四',
 gender: '男',
 age: 20
 }
] 

function getStu(element){
   return element.name == '李四'
}
 
stu.find(getStu)
//返回结果为
//{name: "李四", gender: "男", age: 20}

4.reduce

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

vartotal = [0,1,2,3,4].reduce((a, b)=>a + b);//10 

reduce接受一个函数,函数有四个参数,分别是:上一次的值,当前值,当前值的索引,数组.

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
 return previousValue + currentValue;
}); 

5.reduceRight()

reduceRight()方法的功能和reduce()功能是一样的,不同的是reduceRight()从数组的末尾向前将数组中的数组项做累加。

reduceRight()首次调用回调函数callbackfn时,prevValuecurValue 可以是两个值之一。如果调用 reduceRight() 时提供了 initialValue 参数,则 prevValue 等于 initialValuecurValue 等于数组中的最后一个值。如果没有提供 initialValue 参数,则 prevValue 等于数组最后一个值, curValue 等于数组中倒数第二个值

var arr = [0,1,2,3,4];
 
arr.reduceRight(function (preValue,curValue,index,array) {
 return preValue + curValue;
}); // 10 

6.some遍历

some()是对数组中每一项运行指定函数,如果该函数对任意一项返回true,则返回true

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
  
 console.log( arr.some( function( item, index, array ){ 
 return item > 3; 
 })); 
true 

6.every遍历

every()是对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
console.log( arr.every( function( item, index, array ){ 
 return item > 3; 
 })); 
false 

7.filter遍历

不会改变原数组,返回新的数组

var arr = [
 { id: 1, text: 'aa', done: true },
 { id: 2, text: 'bb', done: false }
]
console.log(arr.filter(item => item.done)) 

转为ES5

arr.filter(function (item) {
 return item.done;
}); 
var arr = [73,84,56, 22,100]
var newArr = arr.filter(item => item>80)   //得到新数组 [84, 100]
console.log(newArr,arr) 

8.forof遍历

可以正确相应break,continue,return语句

for (var value of myArray) {
console.log(value);
} 

9.map循环

有返回值,可以return出来

map的回调函数中支持return返回值;return的是啥,相当于把数组中的这一项变为啥(并不影响原来的数组,只是相当于把原数组克隆一份,把克隆的这一份的数组中的对应项改变了);

var ary = [12,23,24,42,1]; 
var res = ary.map(function (item,index,ary ) { 
 return item*10; 
}) 
console.log(res);//-->[120,230,240,420,10];  原数组拷贝了一份,并进行了修改
console.log(ary);//-->[12,23,24,42,1];  原数组并未发生变化 

10.foreach循环

//1 没有返回值
arr.forEach((item,index,array)=>{
 //执行代码
})
//参数:value数组中的当前项, index当前项的索引, array原始数组;
//数组中有几项,那么传递进去的匿名回调函数就需要执行几次; 
js数组遍历方法总结 - 一顿操作猛如虎 - 博客园​www.cnblogs.com
2bbf829e4867a8dd310aa42191a62b01.png

第二部分讲的是原数组是否改变的归纳

https://blog.csdn.net/cristina_song/article/details/77917404​blog.csdn.net

第三部分是关于数组拼接的四种方法

https://blog.csdn.net/cristina_song/article/details/82805444​blog.csdn.net

相关文章:

  • centos7 samba 离线安装_没有联网,如何离线安装docker
  • linux 单步启动_怎么搭建学习Linux内核的运行、调试环境?
  • openssl命令查看证书有效期_使用 openssl 生成证书
  • gcc离线安装 ubuntu 不用编译_ubuntu怎样无网络下源码安装g++
  • word文字上下间距怎么调_word文档里的文字上下左右之间的间距如何调整?
  • 云计算 码率适配限速_快手自研直播多码率标准对行业发布
  • perl数组硬引用_Perl语言学习之数组(Arrays)
  • grib1文件解析 python_在Python中使用JSON
  • concat合并的数组会有顺序么_Javascript中数组方法reduce的妙用之处
  • dqn在训练过程中loss越来越大_物流过程中的仓储风险越来越大,该如何规避?...
  • 关闭运动轨迹_配备业界领先的反射屏 华米Amazfit智能运动手表3评测
  • 克罗地亚第二狂想曲难度_不可能的狼兔cp!剧情好看不靠大尺度,《动物狂想曲》监督专访...
  • sqlserver去重记录_细说SQLServer索引原理
  • python爬虫scrapy安装_Python之Scrapy爬虫框架安装及使用详解
  • echarts 柱状图设置边框_Echarts图表的悬浮框位置的调整
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • Android路由框架AnnoRouter:使用Java接口来定义路由跳转
  • axios请求、和返回数据拦截,统一请求报错提示_012
  • Docker 笔记(2):Dockerfile
  • emacs初体验
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • MaxCompute访问TableStore(OTS) 数据
  • SpiderData 2019年2月23日 DApp数据排行榜
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • 动态魔术使用DBMS_SQL
  • 对JS继承的一点思考
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • 扩展资源服务器解决oauth2 性能瓶颈
  • $ git push -u origin master 推送到远程库出错
  • (12)Hive调优——count distinct去重优化
  • (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (差分)胡桃爱原石
  • (二)fiber的基本认识
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • .net Application的目录
  • .NET 事件模型教程(二)
  • .NET/C# 的字符串暂存池
  • .NET6实现破解Modbus poll点表配置文件
  • .NET设计模式(7):创建型模式专题总结(Creational Pattern)
  • .php结尾的域名,【php】php正则截取url中域名后的内容
  • [ linux ] linux 命令英文全称及解释
  • [ 攻防演练演示篇 ] 利用通达OA 文件上传漏洞上传webshell获取主机权限
  • [ 蓝桥杯Web真题 ]-布局切换
  • [145] 二叉树的后序遍历 js
  • [AUTOSAR][诊断管理][ECU][$37] 请求退出传输。终止数据传输的(上传/下载)
  • [C]整形提升(转载)
  • [CSS]CSS 字体属性
  • [CVPR2021]Birds of a Feather: Capturing Avian Shape Models from Images
  • [Everyday Mathematics]20150130
  • [Flutter]WindowsPlatform上运行遇到的问题总结
  • [HeadFrist-HTMLCSS学习笔记][第一章Web语言:开始了解HTML]