2018-06-27

Java script中循环的方法很多,整理一下,现在假设有

数组 a = [0,1,2,3]

对象 b = {name:"zhangchi", age:18}

1.for(let i=0;i<a.length;i++){console.log(i)} 最原始的方法

2.forEach, 例如

a.forEach(i => {console.log(i)})这是我们最常用的方式, forEach中接收一个函数,这个函数有三个参数,分别是循环的值,序号,数组本身(value, index,array), 而通常我们只用第一个。此外,在forEach中是无法使用continue;break中断循环的。可以试试以下两个语句:
a.forEach(i =>{if(i<2){continue;}else{console.log(i)}})
a.forEach(i =>{if(i<2){return false;}else{console.log(i)}})

3.for-in, 可以用来遍历对象,例如

for(let i in b){console.log(i)}, 这样就可以获得在b对象中所有key,使用b[i]即可获得i对应的value
虽然for-in也可以用来遍历数组,例如 for(let i in a){console.log(i)},但并不建议这么作,如果喜欢这种书写方式可以试试for-of

4.for-of ES6中新加入的循环。可以循环数组, 字符串,以及其他集合或类数组的对象,请记住使用

for-in遍历对象, 使用for-of来遍历数组,两者存在很大不同,执行以下几个语句即可分辨。
for(let i in a){console.log(i)} (不建议, 为遍历对象提供的)
for(let i in a){console.log(typeof(i))} ( 由此可以发现每次的i,虽然显示的数组元素的序号 是个string)
for(let i in b){console.log(i)} (建议, 用来遍历对象)
for(let i in b){console.log(b[i])}

for(let i of a){console.log(i)} (遍历数组推荐使用,写法简洁,循环数组的方法, i是数组中的每一项)
for(let i of a){console.log(typeof(i))}

35.数组本身的方法, 接收一个函数, 函数的参数为每一项的值,函数中提供一个判断条件且一定要有return
a.map((i)=>{return i*2}) (生成一个新数组)
a.filter(i=>{return i>2}) (返回每项大于2的新数组)
a.find(i=>{return i >2}) (返回第一个满足条件的值) 没有返回undefined
a.findIndex(i=>{return i >2}) (返回第一个满足条件的值的序号,没有-1)
a.some((i)=>{return i<3}) (返回false/true, 判断数组中有无一个满足条件的值)
a.every((i)=>{return i>-1}) (返回false/true, 判断数组中的值是否全部满足条件)

6.entires(), Es6中新加入的循环方式,返回一个遍历器,例如

let en = a.entires()
en.next() 返回一个对象 {value:[0,1], done:false} (value数组中分别是序号和元素, done标识该遍历器是否到还有数据,是否该结束, false表示后面还有数据, true表示结束的时候到了),这时继续调用en.next(),即可获得a数组中的所有值。一般结合for-of使用,例如
for (let [i, e] of a.entries()) {
console.log(i, e);
}

7.其他容易混淆的循环方法

$.each 是jquery中提供的循环方法,
$.each(a, function(i,e){console.log(i, e)})

8.其他 sort 排序

let c= [4,7,5,2,3,1,6]
c.sort() 这时c会按照从小到大排列, 注意,这个操作会改变数组本身
sort 也是接收一个函数作为参数,试试
c.sort((a,b)=>{return b-a})

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容