雖然這篇console.log c#鄉民發文沒有被收入到精華區:在console.log c#這個話題中,我們另外找到其它相關的精選爆讚文章
在 console.log產品中有20篇Facebook貼文,粉絲數超過5,012的網紅卡斯伯,也在其Facebook貼文中提到, 你僅使用 console.log 來查看 JS 的值嗎? 本篇介紹各種 console 語法,試著讓你的 log 更有質感吧: - table:讓陣列內容以表格方式呈現 - 上色語法:使用 CSS 語法為你的 console 上色 - time:計算 JS 運算所花的時間 - group:群組化資訊...
console.log 在 卡斯伯 Facebook 的最佳貼文
你僅使用 console.log 來查看 JS 的值嗎?
本篇介紹各種 console 語法,試著讓你的 log 更有質感吧:
- table:讓陣列內容以表格方式呈現
- 上色語法:使用 CSS 語法為你的 console 上色
- time:計算 JS 運算所花的時間
- group:群組化資訊
- 還有各種實戰運用技巧
#有在FB打開過Console嗎
#住手 #我們都是開發者啊
console.log 在 BorntoDev Facebook 的最佳貼文
💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ 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
console.log 在 BorntoDev Facebook 的最佳解答
อยากใช้เครื่องหมาย Quote ใน String ทำยังไงได้บ้าง ?? มาดูกันเลย 🔥
.
👉 เมื่อเราต้องการกำหนด string ใน JavaScript ทำได้โดยกำหนดข้อความ หรือตัวอักษรให้อยู่ภายใต้ single quote (‘ ’) หรือ double quote (“ ”)
.
⚙️ ตัวอย่างเช่น
single quote (‘ ’)
let str1 = 'With Great power come great responsibility';
.
double quote (“ ”)
let str2 = "Your heart is so full of hatred. You are not fit to be king.";
ขอบคุณประโยคเด็ด ๆ จากภาพยนต์เรื่อง Spiderman และ เรื่อง Black Panther
.
👉 หากเราอยากให้มีเครื่อง Quote (‘ ’ หรือ “ ”) ไว้ใน String สามารถทำได้โดย 2 วิธี ดังนี้
.
🌟 1) ใช้เครื่องหมาย Backslash ( \ ) ก่อนหน้าเครื่องหมายคำพูด (“ ”)
📑 ตัวอย่าง 1
let str = '\"BorntoDev Academy\"';
console.log(str);
//"BorntoDev Academy"
.
📑 ตัวอย่าง 2
let myName = "He said, \" My name is Prayut Chan \".";
console.log(myName);
// He said, " My name is Prayut Chan ".
.
🌟 2) ใช้เครื่องหมาย backticks (`) แทน single quote (‘ ’) หรือ double quote (“ ”) ใน String
.
📑 ตัวอย่าง
let string1 = `We're safely using apostrophes and "quotes" in a template literal.`;
console.log(string1);
// We're safely using apostrophes and "quotes" in a template literal.
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ น้าาาา 🥰
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#javascript #string #quotes #BorntoDev