💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ 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
同時也有1部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,程式亂寫也可以動,要怎麼寫的好或易於閱讀,就得花上一番功夫去學習寫作技巧。 這支影片會和你分享一些基本的知識點,實戰技巧基本上當代程式語言開發都能使用 不過每個時代會有不同的想法跟觀點,不同的團隊也會有不一樣的慣例,希望這次的內容能夠給你一些不一樣的想法 喜歡影片的話!可以幫忙點個喜歡以及分享...
「return javascript」的推薦目錄:
- 關於return javascript 在 BorntoDev Facebook 的最佳解答
- 關於return javascript 在 BorntoDev Facebook 的最佳貼文
- 關於return javascript 在 BorntoDev Facebook 的最佳解答
- 關於return javascript 在 在地上滾的工程師 Nic Youtube 的精選貼文
- 關於return javascript 在 Returning Multiple Values from a Function - JavaScript Tutorial 的評價
- 關於return javascript 在 Return value from nested function in Javascript - Stack Overflow 的評價
- 關於return javascript 在 JS 筆記- 函式function 搭配return - 提姆寫程式 的評價
- 關於return javascript 在 Javascript入門教學課程15-功能,參數和返回值(Function ... 的評價
- 關於return javascript 在 Is it possible to access javascript return value outside of ... 的評價
return javascript 在 BorntoDev Facebook 的最佳貼文
💡 เพื่อน ๆ มือใหม่หัดเขียน JavaScript หลาย ๆ คนอาจจะเคยเห็นเครื่องหมาย ?? และ || ในโปรแกรมแล้วไม่รู้ว่ามันคืออะไร และทำงานยังไง วันนี้เรามาไขข้อสงสัยกันเถอะ !! กับสรุปสั้น ๆ วิธีการใช้งาน Nullish Coalescing Operator
.
มันคืออะไร และใช้งานยังไง หากพร้อมแล้วไปอ่านกันเลยจ้าาาาา~~
.
🌟 Nullish Coalescing Operator
.
Nullish Coalescing (??)
เป็นตัวดำเนินการตรรกะที่จะ Return ค่าทางขวามือเมื่อค่าทางซ้ายเป็น Null หรือ Undefined
.
👨💻 Syntax
leftExpr ?? rightExpr
.
📑 ตัวอย่าง
const name1 = null ?? 'Oreo';
console.log(name1);
//output => Oreo
.
OR (||) - เป็นตัวดำเนินการตรรกะ จะ Return ค่าทางขวามือหากทางซ้ายมือเป็นเท็จ (0, ' ', NaN, null, undefined)
.
📑 ตัวอย่าง
let tu = null;
let text = tu || 'stupid!';
console.log(text); // output => stupid!
.
สามารถใช้ร่วมกับ OR (||) และ AND (&&) ได้แต่ต้องใช้วงเล็บ () เพื่อจัดลำดับความสำคัญของตัวดำเนินการด้วยนะ !!
.
📑 ตัวอย่าง OR (||)
let y = (false || true) ?? "foo"
console.log(y) // output => true
.
📑 ตัวอย่าง AND (&&)
let x = (false && true) ?? "foo"
console.log(x) //output => false
.
💥 Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
return javascript 在 BorntoDev Facebook 的最佳解答
🌟 สวัสดีเพื่อน ๆ วันนี้แอดจะมาแชร์ 3 วิธี ง่าย ๆ ในการต่อ String ในภาษา JavaScript นั่นเอง !! มีวิธีไหน และมีรายละเอียดยังไง ไปดูกันเลยยย
.
1️⃣ ต่อ String ด้วยเครื่องหมายบวก (+)
.
const str1 = "Thailand is";
const str2 = "the land of compromise.";
const newStr = str1+' '+str2;
console.log(newStr);
.
📑 ผลลัพธ์
Thailand is the land of compromise.
.
2️⃣ String Template
เราสามารถสร้าง String Template ด้วยเครื่องหมาย Backticks และใส่ข้อความที่ต้องการให้แสดงลงในประโยคได้ เช่น
.
const Name = "Bang Lee";
const steTemp = `My name is ${Name}.`;
console.log(steTemp);
.
📑 ผลลัพธ์
My name is Bang Lee.
.
3️⃣ ใช้ฟังก์ชัน concat()
.
const string1 = "Me";
const string2 = "You";
const NewString = string1.concat(' & ',string2);
console.log(NewString);
.
📑 ผลลัพธ์
Me & You
*การใช้ concat() ต้องแน่ใจแล้วว่าตัวแปรทั้งสองเป็น String ไม่อย่างงั้นจะ Return TypeError ออกมานั่นเอง
.
ส่วนตัวแอดว่าใช้เครื่องหมายบวก ง่ายสุดละ แล้วเพื่อน ๆ ล่ะ ชอบวิธีไหนกันบ้างงง เมนต์มานะ 😆
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
return javascript 在 在地上滾的工程師 Nic Youtube 的精選貼文
程式亂寫也可以動,要怎麼寫的好或易於閱讀,就得花上一番功夫去學習寫作技巧。
這支影片會和你分享一些基本的知識點,實戰技巧基本上當代程式語言開發都能使用
不過每個時代會有不同的想法跟觀點,不同的團隊也會有不一樣的慣例,希望這次的內容能夠給你一些不一樣的想法
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
return javascript 在 Return value from nested function in Javascript - Stack Overflow 的推薦與評價
... <看更多>
return javascript 在 JS 筆記- 函式function 搭配return - 提姆寫程式 的推薦與評價
return 回傳 ... return 是幫助資料回傳的一個語法,讓function 中的語法除了更簡潔外,也更可以提高程式碼閱讀性! # JavaScript. ... <看更多>
return javascript 在 Returning Multiple Values from a Function - JavaScript Tutorial 的推薦與評價
In this tutorial, you will learn how to develop JavaScript functions that return multiple values. ... <看更多>