在JavaScript中，循環(huán)語句是非常常用的一種流程控制方式，而傳統(tǒng)的for循環(huán)在使用時，卻常常需要手動控制循環(huán)計(jì)數(shù)器的增減，這種方式在代碼的書寫和閱讀上會變得較為繁瑣，也更加容易出錯。但是在ES6中推出的新式循環(huán)，不僅可以避免這種繁瑣的事情，還可以通過控制循環(huán)的終止條件和步進(jìn)來大大提高代碼的簡潔性和可讀性。

ES6中新式循環(huán)一共有兩個主要的方式，分別是for...of 和 forEach，這兩種循環(huán)的語法和用法都相對較為簡單，同時它們的應(yīng)用場景也不同，我們分別來看一下。

for...of循環(huán)

for...of循環(huán)是ES6中最常用的一種循環(huán)，它可以非常方便地遍歷數(shù)組或字符串等可迭代對象。以遍歷數(shù)組為例：

const arr = [1, 2, 3, 4, 5];
for (let num of arr) {
console.log(num);
}
// 輸出:
// 1
// 2
// 3
// 4
// 5

當(dāng)然，for...of循環(huán)不僅僅可以遍歷數(shù)組，還可以遍歷字符串、Set和Map等其他可迭代對象。這種循環(huán)的優(yōu)勢在于，它隱藏了循環(huán)計(jì)數(shù)器的細(xì)節(jié)，讓我們的代碼更加簡潔可讀。

forEach循環(huán)

forEach循環(huán)則是ES6中提供的一種更加簡潔的遍歷數(shù)組的方法。使用forEach方法可以避免手動創(chuàng)建循環(huán)計(jì)數(shù)器的繁瑣，同時它的執(zhí)行方式會比for循環(huán)中的同步執(zhí)行更加高效。

const arr = [1, 2, 3, 4, 5];
arr.forEach(num =>console.log(num));
// 輸出:
// 1
// 2
// 3
// 4
// 5

與for...of循環(huán)不同的是，forEach并不能遍歷所有可迭代對象，它僅限于遍歷數(shù)組。同時，它還有一個不同于for...of循環(huán)的特點(diǎn)，就是在遍歷數(shù)組時可以使用第二個參數(shù)指定回調(diào)函數(shù)的this指向：

const obj = {
name: 'Alice',
sayName: function () {
console.log(this.name);
}
};
const arr = [1, 2, 3, 4, 5];
arr.forEach(function (num) {
this.sayName();
}, obj); // 輸出: Alice 5次

總結(jié)

新式循環(huán)在JavaScript中的應(yīng)用已是日益廣泛，它們不僅使我們能夠更加簡單方便地處理循環(huán)，還能夠提高代碼的可讀性和可維護(hù)性。在實(shí)際的編碼過程中，我們可以根據(jù)需要靈活選擇不同的循環(huán)方式，讓我們的代碼更加高效、簡潔、優(yōu)美。