js常用循环方式
创始人
2025-06-01 08:36:03
let list = [{name:'张三',age:22},{name:'李四',age:24},{name:'王五',age:18},{name:'小明',age:18},{name:'小红',age:18},{name:'小张',age:18}
];

1、for循环

for(let i=0;i console.log(list[i])// 输出结果:{name:'张三',age:22}   {name:'李四',age:24}  {name:'王五',age:18} 等等
}

2、for in循环(主要用来遍历对象,获取对象键值)

(1)遍历对象时 i 为属性名也就是对象的键

let obj={name:'张三',age:22} 
for(let i in obj){     console.log(obj[i],'obj[i]是value'); // 输出结果:张三 22console.log(i)// 输出结果:name age
}

(2)遍历数组或JSON时 i为下标也就是索引

for(let i in list){    console.log(list[i]); // 输出结果:{name:'张三',age:22}   {name:'李四',age:24}  {name:'王五',age:18} 等等
}

3、for of循环(可遍历数组/集合/字符串,不可遍历对象)

(1)遍历集合[{}]

for(let i of list){console.log(i)// 输出结果:{name: '张三', age: 22} {name: '李四', age: 24} {name: '王五', age: 18} 等等
}

(2)遍历数组[],i是数组中的元素值

let list2 = ['a',2,'c','f',5,6];
for(let i of list2){ console.log(i) // a 2 c f 5 6
}

(3)不可遍历对象会报错

let obj={name:'张三',age:22};
for(let i of obj){console.log(i,'对象') 
}

在这里插入图片描述

4、forEach 循环(遍历数组,会改变原始数组,不会返回执行结果)

val是当前项的值;index是当前项的索引;arr是数组对象本身

list.forEach((val,index,arr)=>{console.log(val,index,arr)// 输出结果:{name: '张三', age: 22}  0  arr 原数组//          {name: '李四', age: 24}  1  arr 原数组val.age=val.age/2
})console.log(list)// 输出结果:{name: '张三', age: 11}{name: '李四', age: 12}{name: '王五', age: 9}{name: '小明', age: 9}{name: '小红', age: 9}{name: '小张', age: 9}

5、map循环 (遍历数组,会返回一个新数组)

map方法将数组的所有成员依次传入参数函数,然后把每一次的执行结果组成一个新数组返回。循环中途是无法停止的,总是会将所有成员遍历完

let arr = [1,2,3,4,5];
let arr2 = arr.map((n)=>{return n+1
})

在这里插入图片描述

6、some(判断数组中是否至少有一个元素满足条件,一真即真)

var arr = [66, 34, 643, 774, 64, 834 ];
console.log( arr.every(a=> { return a>= 100 }) ) // false
console.log( arr.some(a=> { return a>= 40 } ) ) // true

7、every(判断数组中是否每个元素都满足条件,一假即假)

var arrObj = [{ status:0, id:1 },{ status:1, id:2 },{ status:0, id:3 },
]
console.log( arrObj.every( (val) => val.status===0) );// false
console.log( arrObj.some( (val) => val.id===2) );// true

8、filter(该方法用于过滤数组,且不会改变原数组)

满足条件的元素组成一个新数组返回,所有数组元素依次执行该函数,返回结果为true的元素会被返回,如果没有符合条件的元素,则返回空数组。

const arr = [1, 2, 3, 4, 5]
console.log(arr.filter(item => item > 2)); 

在这里插入图片描述

var products = [{name: "cucumber",type: "vegetable"},{name: "apple",type: "fruit"},{name: "orange",type: "fruit"}
];
var filters = products.filter(function(item) {return item.type == "fruit";
});
console.log(filters);

在这里插入图片描述

(2)数组去重

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7, 8, 8, 0, 8, 6, 3, 4, 56, 2];
var arr2 = arr.filter((x, index,arr)=>arr.indexOf(x) === index);
console.log(arr,'arr原数组'); 
console.log(arr2,'arr2新数组');

在这里插入图片描述

9、find(返回的是对象)

找到第一个元素后就不会在遍历其后面的元素,所以如果数组中有两个相同的元素,他只会找到第一个,第二个将不会再遍历了。

var post = { id: 1, title: "AAA" };
var comments = [{ postId: 1, content: "CCC" },{ postId: 2, content: "BBB" },{ postId: 1, content: "AAA" }
];
function commentsPost(post, comments) {return comments.find(function(item) {return item.postId == post.id;});
}
console.log(commentsPost(post, comments));

在这里插入图片描述
暂时先这样

相关内容

热门资讯

关键时刻,日美关系出现重大转折... 作者 | 无疆编辑 | 剑书日 美关系出现一个重大转折,影响可能不亚于贸易协议。就在最近,曾被拜登坚...
深圳半山巨宅底价成交,3749... “老李,听说了吗?大鹏那栋别墅被人底价捡走了!” “真的假的?那个叶老板花大钱建的城堡,现在才卖三千...
郑商所就丙烯期货和期权合约及期... 5月30日,郑州商品交易所就丙烯期货和期权合约及期货业务细则公开征求意见。这意味着我国产量最大的烯烃...
上涨!金饰价格重回1000元大... 随着国际黄金价格上涨,国内金饰价格重新升至每克千元以上。 6月2日,老凤祥金饰品为1000元/克,这...
晶振行业落后产能出清,利好头部... 晶振行业出清信号明显,*ST东晶筹划控制权变更,惠伦晶体也曾两次筹划控制权变更。我们关注到*ST东晶...
港股或陷入“五穷六绝”,投资者... 6月2日,海外地缘政治各种不确定因素引发全球市场大跌,美国总统特朗普关税政策不确定,俄乌冲突变数加大...
中信证券前员工趋同交易超千万,... 2025.06.02本文字数:2005,阅读时长大约4分钟作者 |第一财经 周楠地方证监局最新披露的...
一财社论:无序“价格战”没有赢... 在我国汽车工业从高速发展迈入高质量发展的关键阶段,根治以无序“价格战”为代表的“内卷式”竞争迫在眉睫...
原创 A... 第一:A股假期最后一天,全球市场集体杀跌 今天早上,全球市场全线杀跌。日经指数一度杀跌近1.5%,中...
【股评】6月将会是A股市场在新... 这个端午节,与A股市场有关的系列重要信息,将影响6月开盘后相关板块和股票的走势,现整理如下,供大家参...
百亿钛白粉龙头跨界失利,拟终止... 钛白粉龙头跨界失利,拟终止年产能50万吨磷酸铁项目投资。6月2日,中核华原钛白股份有限公司(中核钛白...
海南发展:6个月内控股股东将增... 6月2日,海南发展(002163.SZ)发布公告,公司控股股东海南省发展控股有限公司(以下简称“海南...
泸州老窖高层变动,履职十年董事... 微成都报道日前,泸州老窖(000568.SZ)发布公告称,公司董事会近日收到董事钱旭递交的书面辞职报...
借壳上市需要什么条件?快速融资... 资本市场从来都是一个充满博弈的舞台,而借壳上市则是其中最富争议的玩法之一。有人将其视为企业快速登陆资...
重塑胶膜行业格局?这对“胡润百... 文 | 华夏能源网 近日,咨询机构Infolink公布了2024年全球光伏胶膜出货排行榜。百佳年代...
港股6月首日“V型”反弹,券商... 每经记者:王海慜 每经编辑:彭水萍 5月全球股市整体飘红,A股市场收复关税冲击造成的缺口。6 月2日...
“遛娃经济”撬动端午消费新增长... 在深圳锦绣中华,小朋友们包粽子、制香囊。南方日报记者 鲁力 通讯员 陈爱 摄 “别整什么旅游KPI了...
利好突袭,集体大涨!发生了什么... 这个板块今天集体大涨,有何利好?6月2日,在港股市场上,数字货币概念股集体拉升,连连数字盘中一度上涨...
“妖王”惠城环保3年15倍,扣... 在5月30日股价创下历史新高后,惠城环保2022年11月以来的累计涨幅超过15倍,系同时间段A股市场...
不慌!港股深 v,a50 期指... 今天早盘港股大跳水,搞得很多股民对节后行情比较担忧。但港股盘中触底反弹,收盘已收回盘中跌幅,a50期...
刚刚,杀出一个医药大白马,挑战... 重重挑战激发无限动力!集采、竞争,仿佛是医药企业头顶的两座大山。连恒瑞医药、华东医药都不免因此出现短...
香港四大家族之一,有麻烦了……... 原创 刘博团队又一家知名大房企,惊爆财务困境。今天,香港四大家族之一——郑裕彤家族控股的、在香港上市...
002875,明日停牌!节前已... 2025.06.02本文字数:279,阅读时长大约1分钟A股“童装第一股”安奈儿正筹划公司控制权变更...
争议升级!两家上市公司深夜互相... 5月中旬以来,玻尿酸、重组胶原蛋白之争引发热议,频频登上网络热搜,且有愈演愈烈之势。6月1日晚间,医...
两宗券商“老鼠仓”曝光:中信证... 地方证监局最新披露的罚单,让两起券商从业人员“老鼠仓”案件浮出水面,2家龙头券商中信证券、华泰证券牵...
土耳其主要银行业指数上涨1.5... 每经AI快讯,6月2日,土耳其主要银行业指数上涨1.5%。
【12366问答】离境退税相关... 12366 热点梳理 问答来啦 退税商店在向境外旅客开具《离境退税申请单》后,如发生境外旅客退货等...
高凌信息:终止发行股份购买资产... 新京报贝壳财经讯 高凌信息6月2日发布公告,公司于2024年12月启动筹划实施重大资产重组,拟通过发...
赛诺菲斥资超90亿美元收购罕见... 当地时间6月2日,法国制药巨头赛诺菲与美国生物药企Blueprint Medicines公司宣布达成...
黔源电力:董事长罗涛因工作原因... 新京报贝壳财经讯 黔源电力6月2日晚间公告,公司董事长罗涛因工作原因申请辞去公司董事长、董事、董事会...