JS Objects manipulation
Download as PPTX, PDF0 likes51 views
This document discusses techniques for manipulating objects in JavaScript using const and let, shared references, and destructuring. It contains multiple code snippets grouped into parts on const/let, shared variables, and destructuring. Each code snippet demonstrates how object values and properties are affected when assigned with const versus let or when referenced versus copied via spreading.
JS Objects manipulation
- 2. const / let Part 1
- 3. Trick 1.1 const objConst = {body: {id: 1}} let objLet = {body: {id: 1}} // what happen ? objConst = 2 objLet = 2 console.log(objConst) console.log(objLet)
- 4. Trick 1.2 const objConst = {id: 1} let objLet = {id: 1} // what happen ? objConst.id = 2 objLet.id = 2 console.log(objConst.id) console.log(objLet.id)
- 6. Trick 2.1 const objConst = {body: {id: 1}} // what happen ? const p1 = objConst.body p1 = 2 let p2 = objConst.body p2 = 3 console.log(objConst.body) console.log(objConst.body.id)
- 7. Trick 2.2 const objConst = {body: {id: 1}} const p1 = objConst.body let p2 = objConst.body // what happen ? p1.id = 2 p2.id = 3 console.log(objConst.body.id) console.log(p1.id) console.log(p2.id)
- 8. Trick 2.3 const objConst = {id: 1} let p1 = objConst.id p1 = 2 console.log(objConst.id) console.log(p1)
- 9. Trick 2.4 const objConst = {id: 1} let {id: p1} = objConst p1 = 2 console.log(objConst.id) console.log(p1)
- 11. Trick 3.1 const objConst = {body: {id: 1}} const p1 = objConst.body const p2 = {...objConst.body} p1 = 2 p2 = 3 console.log(objConst.body) console.log(p1) console.log(p2)
- 12. Trick 3.2 const objConst = {body: {id: 1}} const p1 = objConst.body const p2 = {...objConst.body} p1.id = 2 p2.id = 3 console.log(objConst.body.id) console.log(p1.id) console.log(p2.id)
- 13. End