💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ 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
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript array index」的推薦目錄:
- 關於javascript array index 在 BorntoDev Facebook 的最佳解答
- 關於javascript array index 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於javascript array index 在 大象中醫 Youtube 的最讚貼文
- 關於javascript array index 在 大象中醫 Youtube 的最佳解答
- 關於javascript array index 在 JavaScript Array indexOf and lastIndexOf: Locating an ... 的評價
- 關於javascript array index 在 How to get value at a specific index of array In JavaScript? 的評價
- 關於javascript array index 在 JavaScript 陣列處理方法[filter(), find(), forEach(), map(), every 的評價
- 關於javascript array index 在 CodeChallenge/Access Array Data with Indexes.md at master 的評價
javascript array index 在 How to get value at a specific index of array In JavaScript? 的推薦與評價
... <看更多>
相關內容
javascript array index 在 JavaScript 陣列處理方法[filter(), find(), forEach(), map(), every 的推薦與評價
var filterEmpty = people.filter(function(item, index, array){ }); console.log(filterEmpty); // 沒有條件,會是一個空陣列 var filterAgeThan5 ... ... <看更多>
javascript array index 在 JavaScript Array indexOf and lastIndexOf: Locating an ... 的推薦與評價
To find the position of an element in an array, you use the indexOf() method. This method returns the index of the first occurrence the element that you want to ... ... <看更多>