อยากใช้เครื่องหมาย 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
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript string」的推薦目錄:
- 關於javascript string 在 BorntoDev Facebook 的最佳解答
- 關於javascript string 在 BorntoDev Facebook 的最佳貼文
- 關於javascript string 在 BorntoDev Facebook 的最佳解答
- 關於javascript string 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於javascript string 在 大象中醫 Youtube 的精選貼文
- 關於javascript string 在 大象中醫 Youtube 的最佳解答
- 關於javascript string 在 The Beginner's Guide to JavaScript Strings By Examples 的評價
- 關於javascript string 在 【 JavaScript 教學】 3分鐘了解字串String - YouTube 的評價
javascript string 在 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript string 在 BorntoDev Facebook 的最佳解答
🔥 String จะใช้ ‘ ’ , “ ” หรือ ` ` ?
.
ในการประกาศค่าให้กับตัวแปรชนิด string ใน JavaScript เพื่อน ๆ น่าจะเคยเห็นหรือใช้ทั้ง ‘ ’ (single quote) และ “ ” (double quote) ซึ่งทำงานได้เหมือนกันทุกประการ ขึ้นอยู่กับความชอบของแต่ละคน โดยจุดที่แตกต่างกันคือ
.
✅ ‘ ’ (single quote) ต้องใช้ Escape character สำหรับพิมพ์ single quote
.
✅ ส่วน “ ” (double quote) ต้องใช้ Escape character สำหรับพิมพ์ double quote
.
🚀 จากสองแบบข้างต้นก็จะทำให้ความยากง่ายในการประกาศค่าตัวแปร string ต่างกันออกไปขึ้นอยู่กับว่าเป็นประโยคแบบไหน เราก็สามารถเลือกใช้ตามความเหมาะสมได้
.
แต่ยังมีอีกเครื่องหมายนึงที่ใช้ประกาศค่า string ได้ ก็คือ ` ` (backtick) ก็คือเครื่องหมายที่อยู่ปุ่มเดียวกันกับปุ่มตัวหนอนที่มักใช้สำหรับเปลี่ยนภาษากันนั่นเอง ส่วนการนำไปใช้งานนั้น
.
✅ ` ` (backtick) ไม่ต้องใช้ Escape character ในเวลาที่พิมพ์ทั้ง single quote และ double quote
.
เพื่อน ๆ จะสังเกตเห็นได้ว่าการใช้ backtick นั้นช่วยให้การประกาศค่า string นั้นทำได้ง่ายขึ้น และโค้ดอ่านได้ง่าย แต่ท้ายที่สุดแล้วก็วนกลับไปที่ความถนัดของแต่ละคนหรือสไตล์ที่คนในทีมเลือกใช้กัน ที่จะเป็นตัวตัดสินว่าเราจะเลือกใช้รูปแบบไหนในการเขียนโค้ดของเราออกมา
.
สำหรับเพื่อน ๆ คนไหนที่สนใจเรียนพื้นฐานแบบก้าวกระโดดสำหรับ JavaScript สามารถเข้าไปเรียนได้แบบฟรี ๆ ไม่ต้องเสียค่าใช้จ่ายที่นี่เลยคร้าบ >>
https://academy.borntodev.com/p/introduction-to-javascript
.
👍 หากเพื่อน ๆ ชอบหรือถูกใจ อย่าลืมกดไลค์ กดแชร์เพื่อเป็นกำลังใจให้พวกเราด้วยนะคร้าบบ <3
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript string 在 コバにゃんチャンネル Youtube 的最讚貼文
javascript string 在 大象中醫 Youtube 的精選貼文
javascript string 在 大象中醫 Youtube 的最佳解答
javascript string 在 【 JavaScript 教學】 3分鐘了解字串String - YouTube 的美食出口停車場
喜歡我的影片,請花兩秒鐘幫我按一下影片讚,支持我繼續創作 訂閱更多的Web 新手教學:https://bit.ly/codeshiba. ... <看更多>
javascript string 在 The Beginner's Guide to JavaScript Strings By Examples 的美食出口停車場
JavaScript strings are primitive values. Also, strings are immutable. It means that if you modify a string, you will always get a new string. The original ... ... <看更多>