Immutablejs - 更新嵌套 Map 和 List 中的值

Question

我有這個 immutableJs 地圖：

event: {
    days: [
        {
            date: 1,
            sessions: [
                {
                    id: 1,
                    name: 2,
                    startTime: 1,
                    endTime: 1,
                    description: 1,
                    detailsLink: 1,
                    details: {visible: true}
                },
                {
                    id: 2,
                    name: 2,
                    startTime: 2,
                    endTime: 2,
                    description: 2,
                    detailsLink: 2,
                    details: {visible: false}
                },
                {
                    id: 3,
                    name: 3,
                    startTime: 3,
                    endTime: 3,
                    description: 3,
                    detailsLink: 3,
                    details: {visible: true}
                }
            ]
        },
        {
            date: 2,
            sessions: [
                {
                    id: 1,
                    name: 2,
                    startTime: 1,
                    endTime: 1,
                    description: 1,
                    detailsLink: 1,
                    details: {visible: false}
                },
                {
                    id: 2,
                    name: 2,
                    startTime: 2,
                    endTime: 2,
                    description: 2,
                    detailsLink: 2,
                    details: {visible: false}
                },
                {
                    id: 3,
                    name: 3,
                    startTime: 3,
                    endTime: 3,
                    description: 3,
                    detailsLink: 3,
                    details: {visible: true}
                }
            ]
        }
    ]
}

我想更新那些可見的：真到可見：假。 我用過濾器、序列等嘗試了很多不同的方法。但沒有運氣。

關於如何使用 immutableJs 做到這一點的任何想法？

Answer 1

遲到的人，但是這個怎么樣（假設你的數據在一個名為data的變量中）：

data.setIn(["event", "days"],
    data.getIn(["event", "days"]).map(day => 
        day.set("sessions", day.get("sessions").map(session => 
            session.setIn(['details', 'visible'], false)))
    )
)

Answer 2

在 ES6 中，它可能可以很容易地轉換為 immutableJS....

const notVisibleEvents = {
    ...events,
    days: events.days.map(d => {
        return {
            ...d,
            sessions: d.sessions.map(s => {
                return {
                    ...s,
                    details: {
                        ...s.details,
                        visible: false
                    }
                };
            })
        };
    })
};