forEach

JavaScript 提供了許多迴圈的方法。本教程將解釋現代 JavaScript 中各種迴圈的可能性。 介紹 for forEach do...while while for...in for...of for...in vs for...of 介紹 JavaScript 提供了許多迴圈的方法。本教程將以一個小例子和主要屬性來解釋每一種方法。 for const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++) { console.log(list[i]) // 值 console.log(i) // 索引 } 你可以使用 break 中斷一個 for 迴圈。 你可以使用 continue 快速跳到下一個迭代。 forEach 在 ES5 中引入了 forEach。給定一個陣列，你可以使用 list.forEach() 來迭代其屬性。 const list = ['a', 'b', 'c'] list.forEach((item, index) => { console.log(item) // 值 console.log(index) // 索引 }) // 索引是可選的 list....

在 SwiftUI 中，ForEach 視圖非常有用，可以遍歷數組或範圍，並生成我們可以使用的視圖。 例如，我們在此創建了3個 Text 視圖，顯示從0到2的數字： ForEach(0..<3) { Text("\($0)") } $0 表示傳遞給閉包的第一個參數，在這個例子中分別是數字 0、1 和 2。 在這個例子中，為了避免重疊，我將它們嵌入到了一個 VStack 中： VStack { ForEach(0..<3) { Text("\($0)") }.padding() } 注意我使用了 padding() 修改器來添加一些間距。 在 List 視圖中，通常使用 ForEach： List { ForEach(0..<3) { Text("\($0)") } } 這是一種常見的用法，以至於我們實際上可以省略 ForEach，直接從 List 中遍歷： List(0..<3) { Text("\($0)") } 這兩個示例使用了範圍 0..<3。我們也可以遍歷數組： let fruits = ["Apple", "Pear", "Orange"] // ... List { ForEach(fruits, id: \.self) { Text("\($0)") } } 請注意，這種情況下我們有另外一個參數：id。 這是為了唯一識別數組中的項目。 對於內置類型，使用 \....