Swiftで多重for文を回避したい

Question

##起きている問題
前提として、SwiftUIではデータの計算量が多かったり処理が複雑だとコンパイルエラーが出るようになっています。

jsonファイルに書かれた３次元配列a"a": [[[255,211,210],[244,216,216],[242,226,226]],[[25,169,173],[255,177,179],[253,185,185],[236,192,191],[209,196,196]]]から要素を取り出し、背景色のRGB値にしたいです。

処理を簡単にする工夫の一つとして、背景色のRGB値の指定の時には3つの整数を指定するだけで済むようにしました。(この処理によってR値とB値までは変数で指定することができるようになった。)

それだけではまだ複雑な処理と判定されるようで、RGB値のB値のまで指定は文字を使って指定することができません。

##エラーコード
The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions

##懸念点
for文が繰り返されることで計算量が膨大になっていることが原因だと思っています。
クロージャや.map()を駆使して計算量を減らす工夫が必要だと思うのですが、どのように実装すれば良いでしょうか。

##ソースコード

メインのソースコード

import SwiftUI

struct ColorCellView: View {
    
    var colorData: colorData
    var body: some View {
        VStack {
            HStack {
                ForEach(0..<2) { i in
                VStack(spacing: 5.0) {
                    
                    Spacer()
                
                        ForEach(0..<self.colorData.a[i].count){ j in
                        Button(" ", action: {
                            print("tapped")
                        })
                            .frame(width: 30, height: 50)
                            .background(Color.init(UIColor(self.colorData.a[i][j][0],self.colorData.a[i][j][1],self.colorData.a[0][0][2])))
                    }
                }
            }
         }
            Spacer()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ColorCellView(colorData: ColorData[0])
    }
}

extension UIColor {
    
    convenience init(_ red: Int, _ green: Int, _ blue: Int, _ alpha: Int = 255) {
        let rgba = [red, green, blue, alpha].map { i -> CGFloat in
            switch i {
            case let i where i < 0:
                return 0
            case let i where i > 255:
                return 1
            default:
                return CGFloat(i) / 255
            }
        }
        self.init(red: rgba[0], green: rgba[1], blue: rgba[2], alpha: rgba[3])
    }
}

jsonファイルを格納する構造体

import SwiftUI

struct colorData: Hashable, Codable {
    var brightness: Int
    var saturation: [Int]
    var a: [[[Int]]]
}

jsonファイル(用いているのはaのみ)

[
    {
        "brightness": 9,
        "saturation": [3,5,8,9,8,7,5,4,3],
        "a": [[[255,211,210],[244,216,216],[242,226,226]],[[25,169,173],[255,177,179],[253,185,185],[236,192,191],[209,196,196]]]
    }


]

Answer 1

解決しました。以下に詳細を記し得られた知見を共有できればと思います。

SwiftUIではできるだけビューを細分化することが好まれるように思います。
質問文のメインのスースコードと示したコードをより細かく、つまりもう一つビューを作り、メインのソースコードの中でそのビューを書くことで解決しました。
操作もかなり軽くなったので、The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions　で詰まった時はビューを細かくできないか見直すことをお勧めします。