如果你使用 JavaScript 語言開發網站或者應用程序，那么你使用 JSON 數據的幾率是非常高的。ES6 提供了一種快捷、簡單的方法來遍歷這些 JSON 數據。 這篇文章將介紹如何使用 ES6 遍歷 JSON 數組。

const fruits = [
{ name: 'apple', color: 'red' }, 
{ name: 'banana', color: 'yellow' },
{ name: 'orange', color: 'orange' }, 
{ name: 'grape', color: 'purple' }
];
for (const fruit of fruits) {
console.log(`${fruit.name} is ${fruit.color}`);
}

在上面的代碼示例中，我們定義了一個名為 "fruits" 的數組。每個元素都代表一個水果，它具有 name 和 color 屬性。

接下來，我們使用 ES6 for-of 循環來遍歷這個數組。對于每個元素，我們都將調用一個帶有 fruit 參數的函數。在這個函數中，我們使用模板字符串來輸出每個水果的 name 和 color 屬性。

注意，我們使用的是 const 關鍵字來聲明 fruit。這是因為我們不希望在循環內部修改 fruit 對象。如果我們使用 var 關鍵字，fruit 對象將成為一個全局變量，可能會導致不必要的錯誤。

在 ES6 中，我們還可以使用箭頭函數來遍歷 JSON 數組：

const fruits = [
{ name: 'apple', color: 'red' }, 
{ name: 'banana', color: 'yellow' },
{ name: 'orange', color: 'orange' }, 
{ name: 'grape', color: 'purple' }
];
fruits.forEach((fruit) =>{
console.log(`${fruit.name} is ${fruit.color}`);
});

在上面的代碼示例中，我們使用 forEach 方法來遍歷 fruits 數組。對于每個元素，我們都調用一個帶有 fruit 參數的箭頭函數。在函數中，我們使用模板字符串輸出每個水果的 name 和 color 屬性。

以上就是使用 ES6 遍歷 JSON 數組的幾種方法。相比于傳統的 for 循環，ES6 的語法更加簡單明了，大大降低了開發者的開發成本。