Exploring Frontend Object Modification and JSON Path Manipulation in WeWeb

In this meeting, the State Changers discuss how to update complex object variables within a frontend application, focusing on honing down specific layers of the objects and arrays. A key issue was identifying a workflow that would allow making changes to such variables, specifically number three, in the variable rating after tour.


A solution proposed involved waiting for a collection to load from the server before changing variables. An understanding of object traversal syntax was emphasized, distinguishing between JavaScript dot notation used for objects and square bracket notation used for arrays. The use of CyberChef was suggested as a tool to better examine JSON in order to understand the object’s structure accurately. The meeting demonstrated a step-by-step solution, from building the original path to dynamically building a string to update variables on the frontend. The discussion also advised caution against making the path-building too dynamic to maintain predictability in software behavior. Keywords mentioned included JavaScript and JSON.


(Source: State Change Office Hours 10/17/2023 )

State Change Members Can View The Video Here
chris-montgomery-smgTvepind4-unsplash.jpg

View This Video Now

Join State Change Risk-Free