2018-01-22/(數(shù)組)遍歷

一、for in | for of

1)for in

for...in...用于遍歷數(shù)組或者對象的屬性摩桶。這屬性包括自身的屬性和原型鏈的可枚舉的屬性P分狻(非整數(shù)類型的名稱和繼承的那些)
該遍歷方法返回的先后次序可能會因瀏覽器(宿主環(huán)境)而異;
因此不建議用 for...in...去遍歷數(shù)組

let arr = [1,2,3];
let obj = {
  name:'JY',
  age:23.5
}
for(let key in arr/obj){
  console.log(key);
  //arr : 0,1,2 (0,1,2是String類型)
 //過濾繼承的屬性的方法:
   obj.hasOwnProperty(key)

 // obj : name,age
}

2) for...of...

for...of...可以用來遍歷有迭代器(iterator)的集合(數(shù)組懒叛,類數(shù)組烦租,Map延赌,Set,string叉橱,arguments等)挫以,不建議用來遍歷對象,遍歷對象建議用for...in...(本質(zhì)工作)

//遍歷數(shù)組
let arr = [2,3,4];
for(let value of arr){
  console.log(value); // 1,2,3
}
//遍歷字符串
let str = 'boo'
for(let value of str){
  console.log(value); // 'b','o','o'
}
...

for...of...方法遍歷數(shù)組時窃祝,可以正確相應break掐松、continue、return語句

二锌杀、常用數(shù)組遍歷方法

1)arr.forEach();

forEach() 方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)甩栈。
forEach()方法不能使用break、continue糕再、return等語句
forEach()方法不會改變原數(shù)組量没。
用法

[1,2,3].forEach(function(value,index,arr){
  console.log(value,index,arr);
  // 1,0,[1,2,3]
  // 2,1,[1,2,3]
  // 3,2,[1,2,3]
},this)
// this,表示函數(shù)內(nèi)的this指向⊥幌耄可以

2)arr.map()

map() 方法創(chuàng)建一個新數(shù)組殴蹄,其結果是該數(shù)組中的每個元素都調(diào)用一個提供的函數(shù)后返回的結果。
即返回每個元素執(zhí)行回調(diào)的返回值猾担,組成的新數(shù)組

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
// roots的值為[1, 2, 3], numbers的值仍為[1, 4, 9]

3) arr.reduce()

對數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)袭灯。該回調(diào)函數(shù)的返回值為累積結果,并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時作為參數(shù)提供绑嘹。
reduce(function,initialValue)
initialValue 用作第一個調(diào)用 callback的第一個參數(shù)的值稽荧。 如果沒有提供初始值,則將使用數(shù)組中的第一個元素

//數(shù)組里所有值的和
var sum = [0, 1, 2, 3].reduce(function (a, b) {
  return a + b;
}, 0);
// sum is 6


//將二維數(shù)組轉(zhuǎn)化為一維
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
  function(a, b) {
    return a.concat(b);
  },
  []
);
// flattened is [0, 1, 2, 3, 4, 5]

4) arr.every()

every()方法測試數(shù)組的所有元素是否都通過了指定函數(shù)的測試工腋。
只有每個callback函數(shù)返回true姨丈,整個arr.every()才會返回true畅卓,否則false

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true

5) arr.some()

some()方法與every()方法相反,只要子元素中有一個令callback函數(shù)返回true蟋恬,則整個arr.some()返回true翁潘;全不滿足則返回false;

const isBiggerThan10 = (element, index, array) => {
  return element > 10;
}

[2, 5, 8, 1, 4].some(isBiggerThan10);  
// false

[12, 5, 8, 1, 4].some(isBiggerThan10); 
// true

array.slice()是對數(shù)組的深/淺拷貝,不會影響原數(shù)組的內(nèi)部結構
num | 0 向上取整 Math.floor()類似

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末歼争,一起剝皮案震驚了整個濱河市拜马,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌沐绒,老刑警劉巖俩莽,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異洒沦,居然都是意外死亡豹绪,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門申眼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蝉衣,你說我怎么就攤上這事括尸。” “怎么了病毡?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵濒翻,是天一觀的道長。 經(jīng)常有香客問我啦膜,道長有送,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任僧家,我火速辦了婚禮雀摘,結果婚禮上,老公的妹妹穿的比我還像新娘八拱。我一直安慰自己阵赠,他們只是感情好,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布肌稻。 她就那樣靜靜地躺著清蚀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪爹谭。 梳的紋絲不亂的頭發(fā)上枷邪,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機與錄音诺凡,去河邊找鬼东揣。 笑死药薯,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的救斑。 我是一名探鬼主播童本,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼脸候!你這毒婦竟也來了穷娱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤运沦,失蹤者是張志新(化名)和其女友劉穎泵额,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體携添,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡嫁盲,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了烈掠。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羞秤。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖左敌,靈堂內(nèi)的尸體忽然破棺而出瘾蛋,到底是詐尸還是另有隱情,我是刑警寧澤矫限,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布哺哼,位于F島的核電站,受9級特大地震影響叼风,放射性物質(zhì)發(fā)生泄漏取董。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一无宿、第九天 我趴在偏房一處隱蔽的房頂上張望茵汰。 院中可真熱鬧,春花似錦懈贺、人聲如沸经窖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽画侣。三九已至,卻和暖如春堡妒,著一層夾襖步出監(jiān)牢的瞬間配乱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留搬泥,地道東北人桑寨。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像忿檩,于是被迫代替她去往敵國和親尉尾。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容