【Swift】imageListArrayでエラー

Question

参考サイトを見ながらアプリを作成しています。
同じように作っているのですが、エラーが取れません・・・。

何をやってもダメだったのでご教示いただきたいです。

やりたいのは単純にUIImageの配列に画像を組み込むだけなのですが。。。

以下ソースです。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }


    @IBOutlet weak var answerImageView: UIImageView!

    
    @IBOutlet weak var answerLabel: UILabel!
    
    
    // じゃんけん（数字）
    var answerNumber = 0
    var ButtonAction = 0
    
    // UIImage の配列を作る
    var imageListArray :Array<UIImage> = []
    
    // 画像からUIImageのインスタンスを生成
    
    let image1 = UIImage(named:"gu")!
    let image2 = UIImage(named:"choki")!
    let image3 = UIImage(named:"pa")!
    
    // UIImage 各要素を追加
    
    imageListArray.append(image1)
    imageListArray.append(image2)
    imageListArray.append(image3)
    
    
    @IBAction func shuffleAction(_ sender: Any) {
        
        
        if answerNumber == 0 {
            
            answerLabel.text = "じゃんけん！！！！"
            answerNumber = 99
            
            
            
            // return;
        }
        
        
        answerNumber = Int.random(in: 0..<3)
        
        if answerNumber == 0 {
        
            // グー
            answerLabel.text = "グー"
            answerImageView.image = UIImage(named:"gu")
            
        } else if answerNumber == 1 {
            
            // チョキ
            
            answerLabel.text = "チョキ"
            answerImageView.image = UIImage(named:"choki")
            
        } else if answerNumber == 2{
            
            // パー
            
            answerLabel.text = "パー"
            answerImageView.image = UIImage(named:"pa")
            
        }
        
        ButtonAction = 99
        answerNumber = 0
    
        
    }
    
    
}

エラー箇所は下記です。
imageListArray.append(image1)
imageListArray.append(image2)
imageListArray.append(image3)

エラー内容は下記です。
Consecutive declarations on a line must be separated by ';'
Insert ';'
Expected '(' in argument list of function declaration
Expected '{' in body of function declaration
Expected 'func' keyword in instance method declaration
Insert 'func'
Expected declaration
Invalid redeclaration of 'ImageListArray()'

初心者で申し訳ございませんが
ご教示いただけますと幸いです。

どうぞよろしくお願いいたします。

Comments

[TsukubaDepot]

ソースコードの一部ではなく、できれば全体を載せていただけないでしょうか。
また、ソースコードは```で囲っていただくことで見やすくなりますので、ご協力ください。

[lucia0320]

ありがとうございます。
すみません。
```で囲っていただくの箇所がよくわかりませんでした・・・。

上記でよろしかったでしょうか。

よろしくお願いいたします。

[lucia0320]

申し訳ございません。
```を追記してみました。

ご指摘ありがとうございます。

どうぞよろしくお願いいたします。

[TsukubaDepot]

ありがとうございます。
これで見やすくなりましたし、エラーの原因を追求しやすくなりました。

Answer 1

エラーが出ている3つの行を、たとえば下記のメソッド（関数内部）に移動するとエラーがでず、また期待通りの動作になると思います。

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        imageListArray.append(image1)
        imageListArray.append(image2)
        imageListArray.append(image3)
    }

Consecutive declarations on a line must be separated by ';'

というエラーですが、このメッセージそのものは「独立した個々の行は;(セミコロン）で区切ってください」という意味のエラーです。

しかし、このエラーが出た本質的な原因は他にあります。

クラス（class）では、全てのプロパティ（変数）の初期化が完了するまでは、ほかのプロパティへの代入ができないという原則があります。しかし、エラーが出た行ではimage1などのプロパティをimageListArryaというプロパティに代入（ここではappendで新しい値を追加）しています。これがエラーの原因です。

Comments

[lucia0320]

先ほどのご指摘、また早々にご回答まで頂きましてありがとうございます。
もう少しお尋ねしてもよろしいでしょうか。

class内のトレースなのですが

```Swift
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
imageListArray.append(image1)
imageListArray.append(image2)
imageListArray.append(image3)

}
```

こちらを先に処理？することになるのでしょうか・・・。
それとも、

```Swift
// UIImage の配列を作る
var imageListArray :Array<UIImage> = []

// 画像からUIImageのインスタンスを生成

let image1 = UIImage(named:"gu")!
let image2 = UIImage(named:"choki")!
let image3 = UIImage(named:"pa")!
```

こちらが先に処理されるのでしょうか。

Class内の動きがあまり良くわかっておらず恐縮ですが
ご教示いただけますと幸いです。

[TsukubaDepot]

おそらく、「たった2日でマスターできるiPhoneアプリ集中講座」をお読みでないかと思います。
この本にはクラスの初期化やライフサイクルと呼ばれる処理順番については記載されておりませんので、疑問に思われても仕方無いかと思います。

簡単に書くと、まずクラスのプロパティ（変数・定数）の初期化が行われます。これはクラスのトップレベルであればどの場所に書かれていても関係ありません。次にイニシャライザと呼ばれるメソッドが呼び出されるのですが、この例の場合には全てのプロパティに何らかの値が代入されているため、規定イニシャライザというメソッドが自動的に呼び出されます。

その後は、以下のリンクで示されているような順番でメソッドが呼び出されます。
https://qiita.com/motokiee/items/0ca628b4cc74c8c5599d

従って、上記の例で言えば各プロパティの宣言と代入（後者）が先に実行され、その後前者に挙げられたviewDidLoad()が呼び出されるという順番になります。

[lucia0320]

何度もご丁寧にご教示いただきありがとうございました。
ライフサイクルにつきまして、もう少し勉強してみます。

ご認識の通り、当該本で学習しております。
１冊終わりましたら、他の本でも学習してみます。