UserDefaultsに保存したstringArrayをObjectとして扱いたいです

Question

こんにちは、この質問を開いていただきありがとうございます！
3日間悩んだ末、答えにたどり着かなかったので質問させていただきます。

UserDefaultsに保存したオブジェクトの配列（JSON形式）をエンコードしたいのですが、うまくいきません。そこでまずは現在のコードを共有させていただきます。

以下のようにしてstringArrayをdecodeする試みをしています（なぜかdata?.data(forKey:)では読み込まれなかったのでstringArrayにしています）。

    func getSnapshot(in context: Context, completion: @escaping (ExampleEntry) -> ()) {
        let data = UserDefaults.init(suiteName:widgetGroupId)
        
        if let tagsData = data?.stringArray(forKey: "favorite1") {
            do {
                NSLog("Ohayo: \(tagsData)")
                let tags = try decoder.decode([TagModel].self, from: tagsData)
                let result = ExampleEntry(date: Date(), tags: tags)
                completion(result)
            } catch {
                print("Unable to decode tags")
            }
        }
        
        let testEntry = ExampleEntry(date: Date(), tags: [TagModel(id: 1, body: "test")])
        completion(testEntry)
    }

struct TagModel: Codable, Identifiable {
    let id: Int
    let body: String
}

struct ExampleEntry: TimelineEntry {
    let date: Date
    let tags: [TagModel]
}

しかし、このコードではうまく動きません。

NSLog("Ohayo: \(tagsData)")で出力される結果として、

Ohayo: ["{"id":1,"body":"면과"}", "{"id":2,"body":"여행"}", "{"id":3,"body":"책들"}"]

このように出力されるものの、decodeメソッドのtagsDataで渡しているデータ型が違うからだというところまでは理解できたのですが、どうしたら[TagModel]の形で扱えるようになるかがわかりません。

最終的には

ExampleEntry(date: Date(), tags: [TagModel(id: 1, body: "test")])

というような形で扱いたいと考えているため、お力添えいただけますと幸甚です。

Comments

[hoshi-takanori]

TagModel を JSON 化したものの配列になってるようなので、各文字列をデコードすれば良いのでは。
というか、どうやって保存してるんですか？ (その逆をすれば良いはず…。)

[MobileAppDevLov]

コメントありがとうございます！
各文字列をデコード、というのは `"{"id":1,"body":"면과"}"` `"{"id":2,"body":"과"}"` これらを順番にデコードしていくということでしょうか？

実は保存はFlutter側で行っておりまして、よくある形で

```dart
class TagModel {
int id;
String body;

TagModel({required this.id, required this.body});

Map toJson() {
return {
'id': id,
'body': body,
};
}

static TagModel fromJson(Map json) {
return TagModel(
id: json['id'],
body: json['body'],
);
}
}
```

このようにしつつ、SharedPreferenceライブラリを使って保存しております。そのため、Flutterで保存した文字列をSwiftでデコードしたい、ということでした。言葉足らずですみません。

[hoshi-takanori]

let tags = try tagsData.map { try JSONDecoder().decode(TagModel.self, from: $0.data(using: .utf8)!) }
とか？

[MobileAppDevLov]

コードのご提示ありがとうございます！
配列の中身をmapで一つずつ回しており、その要素のdataをTagModelでデコードしている、という解釈で合っておりますか？

写経してみたのですが、見たことのないエラーでググってもよくわからなくなってしまいました。
https://photos.app.goo.gl/Dgwx5J3w7ctUvXJp6

[hoshi-takanori]

質問文中のコード
if let tagsData = data?.stringArray(forKey: "favorite1") {
が前提です。

[MobileAppDevLov]

何度もすみません！
いま試してみたところ、無事にオブジェクトにデコードすることが出来ました。
本当にありがとうございます。

ベストアンサーに選ばせていただきたいのですが、こちらからだと回答でないため選べないようでした。
おかげで3日分の悩みが解消されて、とても気分良く日曜日を過ごせそうです。
ありがとうございました！

Answer 1

まず、Stringの配列をJSON文字列に変換して、

let tagsDataJSON = "[" + tagsData.joined(separator: ",") + "]"
print(tagsDataJSON)
//=> [{"id":1,"body":"면과"},{"id":2,"body":"여행"},{"id":3,"body":"책들"}]

でもってデコード？

let tags = try decoder.decode([TagModel].self, from: tagsDataJSON.data(using: .utf8)!)
print(tags)
//=> [Main.TagModel(id: 1, body: "면과"), Main.TagModel(id: 2, body: "여행"), Main.TagModel(id: 3, body: "책들")]

Comments

[MobileAppDevLov]

ご回答いただきありがとうございます！
一度JSON文字列に変換する、という発想がなかったのでとても勉強になりました。