💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ Operator จาก JavaScript ที่จะช่วยให้เพื่อน ๆ เข้าถึงข้อมูลใน Object ได้ง่ายมากขึ้น !!
.
🌈 และเจ้านี่คือ...Optional chaining (?.) นั่นเองจ้า จะเป็นยังไง มีรายละเอียด และวิธีการใช้งานยังไง ไปติดตามกันได้ในโพสต์นี้เลยจ้า ~~
.
✨ Optional chaining (?.) - เป็นตัวดำเนินการที่ทำให้เราสามารถอ่านค่าใน Object ที่ซ้อนกันหลาย ๆ ชั้นได้ง่ายมากขึ้น เขียนง่าย และทำให้โค้ดสั้นลงนั่นเอง
.
จริง ๆ แล้วมันก็เหมือนเราใช้ เครื่องหมายจุด (.) นั่นแหละ แต่ความพิเศษของมันก็คือถ้าในกรณีไม่มีค่าใน Object หรือ Function มันจะ Return เป็น Undefined แทน Error
.
👨‍💻 Syntax
.
obj.val?.prop
obj.val?.[expr]
obj.arr?.[index]
obj.func?.(args)
.
📑 วิธีการใช้งาน
.
❤️ ตัวอย่าง 1 : ใช้เข้าถึงข้อมูลใน Object

let customer = {
name: "Mew",
details: {
age: 19,
location: "Ladprao",
city: "bangkok"
}
};
let customerCity = customer.details?.city;
console.log(customerCity);
//output => bangkok
.
❤️ ตัวอย่าง 2 : ใช้กับ Nullish Coalescing

let customer = {
name: "Mew",
details: {
age: 19,
location: "Ladprao",
city: "bangkok"
}
};
const customerName = customer?.name ?? "Unknown customer name";
console.log(customerName); //output => Mew
.
❤️ ตัวอย่าง 3 : ใช้กับ Array

const obj1 = {
arr1:[45,25,14,7,1],
obj2: {
arr2:[15,112,9,10,11]
}
}
console.log(obj1?.obj2?.arr2[1]); // output => 112
console.log(obj1?.arr1[5]); // output => undefined
.
📑 Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#javascript #optionalchaining #BorntoDev

【把最後一個步驟留給孩子來操作，孩子會感覺這件事是他來完成的！】

當你很認真想要教孩子一個新的技能，或帶孩子建立一個新的習慣時，結果孩子試沒幾下就放棄，搞得你和孩子都氣噗噗嗎？試試Backward Chaining法(倒向連鎖法)吧！

以穿鞋子4步驟為例：將黏扣帶撕開、把腳放進去、拉著鞋子後方讓腳完全踏進鞋子裡、黏上黏扣帶，我們可以讓孩子...⬇⬇

恬兒職能治療師-醫學領域的兒童發展專家

某種程度上可以說，
經商貿易、為政之道、人際關係、親密關係，
為人處世的所有奧秘，都隱藏在連結與斷絕的靈活使用程度上！

https://zen1976.com/chaining/

⚡ BÍ KÍP CHAINING GIÚP GHI NHỚ TỪ VỰNG TIẾNG ANH NHANH VÀ HIỆU QUẢ ⚡

? Bạn vẫn đang loay hoay không biết làm thế nào để cải thiện vốn từ vựng ít ỏi của mình? Hãy để Step Up English bật mí bộ bí kíp ghi nhớ từ vựng cực kì hiệu quả mang tên “Mnemonics” – tưởng không dễ mà lại dễ không tưởng nhé!
? Trong video, Step Up English sẽ hướng dẫn các bạn phương pháp đầu tiên - Xây dựng câu chuyện (Chaining) để có thể ghi nhớ từ vựng Tiếng Anh một cách siêu nhanh chóng và cực kì thú vị.

? Các bạn có thể tham khảo các phương pháp ghi nhớ khác tại: https://stepup.edu.vn/blog/bi-kip-ghi-nho-tu-vung-mnemonics/

#stepupenglish #giaingotienganh #phuongphap #ghinhotuvun #mnemonics #chaining

-----------------------------------------------
Follow Step Up tại:
☞ Website: http://stepup.edu.vn
☞ Fanpage:
https://www.facebook.com/hacknao1500/
https://www.facebook.com/YeuLaiTuDauT...
https://www.facebook.com/stepupenglis...
☞ Youtube: https://www.youtube.com/channel/UCHp_...

☞ Hãy Chia sẻ và Đăng ký kênh của bọn mình để chờ đón những sản phẩm tiếp theo của bọn mình nha!
----------------------------------------------/-------------
© Bản quyền thuộc về Step Up English
© Copyright by Step Up English ☞ Do not Reup

#軟體工程師
👍歡迎訂閱!! 🔔🔔按下小鈴鐺，就可以一有新影片就搶先看！
[軟體工程師雜談] 輕鬆搞懂資料結構: 雜湊(hash) |IT鐵人賽: 從零開始搞懂寫程式，資工系4年最重要的學科，資料結構，演算法，物件導向

IT鐵人賽網址:https://ithelp.ithome.com.tw/users/20128489/ironman/3093
程式新手學習發問區，問都給問!!: https://www.facebook.com/groups/914880435669061

紫楓FB專頁: https://www.facebook.com/tbpfs2/
紫楓blog: https://tbpfs1.blogspot.com/
斗內專線: https://pse.is/KUYMP

部分圖片來源: http://l.ovoy.click/vc97y

ハッピーバレンタイン！春が待ち遠しいですね！
お正月に海外で撮ってきたシリーズその3です！
ずっと大好きだった曲をミクさんのイメージで感じるままに踊ってきました。
音が小さくてほとんど聞こえていないのですがめちゃめちゃ楽しく踊れましたヽ(*´ワ｀*)ノ
背景のキラキラがときどきネギに見えて素敵でした！

楽曲ご本家様→https://www.nicovideo.jp/watch/sm5180053

twitter→https://twitter.com/Asibuto_Penta
HP→http://drpc.main.jp/penta/

【お知らせ】2019/3/23(土)、NAGOYA ReNY limitedにて足太ぺんた活動10周年記念のワンマンライブを開催します！よろしければぜひお越しくださいませ→http://drpc.main.jp/10th_penta/