เนื่องจากว่าไม่ได้ใช้ JavaScript เป็นงานหลัก นานๆได้มาอ่านทีก็ได้รู้เรื่องใหม่ๆที่ไม่ค่อยได้รู้มาก่อนบ้าง อย่างเช่น เมื่อวานเจอโค้ดนึงเขียนแบบนี้
options = {...options, ...plugins}
ดูงงๆว่ามันทำอะไรใน statement นี้ พอไปค้นดูก็เจอว่า ... เนี่ยมันคือ spread operator เอาไว้กระจายของใน Object (key:value) หรือใน Array ออกมาเป็น element นึงใน object ใหม่ หรือใน array ใหม่
ทีนี้แบบข้างบนมันเลยคือเอา options มารวมกับ plugins แล้ว assign กลับไปที่ options อีกที ก็คือการ merge สอง object เข้าด้วยกันนั่นเองโดยถ้า plugins มี key ซ้ำกับ options มันก็จะเอาของใน plugins มาทับไปแทน
ก็อย่างที่บอกว่ามันใช้กับ Array ได้ด้วย ตัวอย่างเช่น
array1 = [10, 20, 30]
array2 = [40, 50, 60]
result = [...array1, ...array2]
นี่ก็เป็นตัวอย่างหนึ่งของการเอา spread syntax มาช่วย merge Object หรือ Array ถ้าอยากดูรายละเอียดมากกว่านี้ลองดูได้ที่ document ของทาง MDN Web Docs ที่นี่ครับ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
ขอฝาก Buy Me a Coffee
สำหรับท่านใดที่อ่านแล้วชอบโพสต์ต่างๆของผมที่นี่ ต้องการสนับสนุนค่ากาแฟเล็กๆน้อยๆ สามารถสนับสนุนผมได้ผ่านทาง Buy Me a Coffee คลิ๊กที่รูปด้านล่างนี้ได้เลยครับ
ส่วนท่านใดไม่สะดวกใช้บัตรเครดิต หรือ Paypal สามารถสนับสนุนผมได้ผ่านทาง PromptPay โดยดู QR Code ได้จากโพสต์ที่พินเอาไว้ได้ที่ Page DevDose ครับ https://web.facebook.com/devdoseth
ขอบคุณครับ 🙏
Top comments (0)