您现在的位置是:首页 > Javascript
当前栏目
Js数组遍历对原数组的影响及返回值
2023-02-26 12:28:59 时间
1.map和forEach
let originalArr=[1,2,3,4,5,6,7,8,9,10]; console.log('------------map---------------'); let arrMap= originalArr.map(item=>{ return item*2; }) console.log('original',originalArr); console.log('result',arrMap); console.log('------------forEach---------------'); let arrForEach=originalArr.forEach(item=>{ return item*2; }) console.log('original',originalArr); console.log('result',arrForEach);
结果:map和forEach都不改变原数组,map返回一个新数组,forEach没有返回值
2.some和every及filter
let originalArr=[1,2,3,4,5,6,7,8,9,10]; console.log('------------filter---------------'); let arrFilter= originalArr.filter(item=>{ return item>2; }); console.log('original',originalArr); console.log('result',arrFilter); console.log('------------some---------------'); let arrSome=originalArr.some(item=>{ return item>2; }) console.log('original',originalArr); console.log('result',arrSome); console.log('------------every---------------'); let arrEvery=originalArr.every(item=>{ return item>2; }) console.log('original',originalArr); console.log('result',arrEvery);
(福利推荐:阿里云、腾讯云、华为云服务器最新限时优惠活动,云服务器1核2G仅88元/年、2核4G仅698元/3年,点击这里立即抢购>>>)
结果:三者都不改变原数组,filter返回满足条件的新数组,some和every返回bool值,some只要y有满足条件的项就返回True,every要全部满足判定条件才会返回true
验证是否可以中断循环
let originalArr=[1,2,3]; console.log('------------filter---------------'); let arrFilter= originalArr.filter((item,index)=>{ console.log(item); if(index==1){ return false; } return true; }); console.log('original',originalArr); console.log('result',arrFilter); console.log('------------some---------------'); let arrSome=originalArr.some((item,index)=>{ console.log(item); if(index==1){ return false; } return true; }) console.log('original',originalArr); console.log('result',arrSome); console.log('------------every---------------'); let arrEvery=originalArr.every((item,index)=>{ console.log(item); if(index==1){ return false; } return true; }) console.log('original',originalArr); console.log('result',arrEvery);
经过以上测试得知
1.所有遍历方法都不会影响原数组
2.map和filter会返回一个新的数组
3.forEach没有返回值
4.some和every返回bool值且能提前中断循环
你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:
相关文章
- 【愚公系列】2023年01月 Dapr分布式应用运行时-组件的定义
- 2023 年 Web 开发者须知的 7 个绝妙的 Notion 模板
- react hook 源码完全解读7
- react源码解析20.总结&第一章的面试题解答
- nuxt3项目中使用element-plus的el-menu组件default-active无法正常激活菜单
- 软件测试|Spring boot 之 RestTemplate
- 软件测试|H5性能分析实战
- 隧道代理阿布云、亿牛云、熊猫代理好用吗?自己要怎么做一个隧道代理?
- 高效率开发Web安全扫描器之路(一)
- 蜻蜓安全工作台程序编排简要说明
- Vue2到Vue3,重学这5个常用的API
- Hexo -38- Drawio 嵌入博客
- 使用 Html、CSS 和 Javascript 的简单模拟时钟
- 后端人眼中的Vue(四)
- 如何使用 Chart.js 在 JavaScript 中制作图表?
- Vite 是怎样利用 Esbuild 来提升性能的 ?
- 聊一聊 C++ 中的 namespace
- 如何让CSS计数器支持小数的动态变化?
- 图解 Node.js 的核心 Event-loop
- TypeScript 4.8 发布!重点新特性解读