Javascript中的foreach是非常實(shí)用的一個方法,它可以遍歷數(shù)組和對象,進(jìn)行數(shù)據(jù)處理和輸出。下面讓我們來詳細(xì)了解一下Javascript foreach的用法。
首先我們來看一下數(shù)組的foreach用法。
let arr = [1, 2, 3, 4, 5]; arr.forEach(function(item) { console.log(item); });
上面代碼中,我們定義了一個數(shù)組arr,然后使用foreach方法遍歷數(shù)組,每次輸出當(dāng)前元素的值。
除了直接遍歷數(shù)組元素,我們也可以對數(shù)組元素進(jìn)行處理。
let arr = [1, 2, 3, 4, 5]; arr.forEach(function(item, index, array) { array[index] = item * 2; }); console.log(arr);
上面的代碼中,我們對數(shù)組元素進(jìn)行了乘法處理,每次把乘后的結(jié)果賦值給原數(shù)組。
接下來,讓我們看一下對象的遍歷方式。
let obj = { "name": "張三", "age": 18, "gender": "男" }; Object.keys(obj).forEach(function(key) { console.log(key + ": " + obj[key]); });
上面的代碼中,我們使用Object.keys()方法獲取對象的key值,然后通過foreach方法遍歷對象,并輸出對象的key值和value值。
最后我們來看一下foreach的高級用法。
Array.prototype.rforEach = function(callback) { for(let i = this.length - 1; i >= 0; i--) { callback(this[i], i, this); } }; // 使用rforeach方法遍歷數(shù)組 let arr = [1, 2, 3, 4, 5]; arr.rforEach(function(item) { console.log(item); });
上面的代碼中,我們擴(kuò)展了數(shù)組的原型鏈,定義了rforeach方法,它遍歷數(shù)組的時候是從后往前遍歷的。
以上是Javascript foreach的用法,希望能對您有所幫助。