ES6 - ส่วนขยายของวัตถุ
นามสกุลสตริง
วิธีการยอดนิยมบางอย่างที่เพิ่มเข้าไปในวัตถุ String ใน ES6 ได้แก่ -
ซีเนียร์ No | วิธีการและคำอธิบาย |
---|---|
1 | str.startsWith (searchString [ตำแหน่ง]) กำหนดว่าสตริงเริ่มต้นด้วยอักขระของสตริงที่ระบุหรือไม่ ส่งคืนจริงหรือเท็จ |
2 | str.endsWith (searchString [, ความยาว]) พิจารณาว่าสตริงลงท้ายด้วยอักขระของสตริงที่ระบุหรือไม่ ส่งคืนจริง / เท็จ |
3 | str.includes (searchString [ตำแหน่ง]) กำหนดว่าจะพบสตริงหนึ่งในสตริงอื่นหรือไม่ |
4 | str.repeat (นับ) สร้างและส่งคืนสตริงใหม่ซึ่งมีจำนวนสำเนาที่ระบุของสตริงที่ถูกเรียกโดยเรียงต่อกัน |
ส่วนขยาย Regex
ในนิพจน์ทั่วไปตัวอย่างเช่น /[A-Z]/gจุดเริ่มต้นและจุดสิ้นสุด / เรียกว่า delimiters. สิ่งใดก็ตามที่อยู่หลังตัวคั่นปิดเรียกว่า amodifier. ES6 เพิ่มตัวปรับแต่งใหม่/g ที่ไหน g หมายถึง global. สิ่งนี้ตรงกับอินสแตนซ์ทั้งหมดของรูปแบบในสตริงไม่ใช่เพียงรูปแบบเดียว
ตัวอย่าง
ตัวอย่างต่อไปนี้ค้นหาและส่งคืนอักขระตัวพิมพ์ใหญ่ทั้งหมดในสตริง
<script>
let str = 'JJavascript is Fun to Work , very Fun '
let regex = /[A-Z]/g // g stands for global matches
let result = str.match(regex);
console.log(result)
</script>
ผลลัพธ์ของโค้ดด้านบนจะเป็นไปตามที่ระบุด้านล่าง -
["J", "J", "F", "W", "F"]
การค้นหานิพจน์ทั่วไปคำนึงถึงตัวพิมพ์เล็กและใหญ่ ในการปิดความไวของตัวพิมพ์เล็กและใหญ่ให้ใช้ไฟล์/i ตัวปรับแต่ง
ตัวอย่าง
ตัวอย่างต่อไปนี้ดำเนินการจับคู่ทั่วโลกแบบไม่คำนึงถึงตัวพิมพ์เล็กและใหญ่ ตัวอย่างแทนที่fun ด้วย enjoyable.
<script>
// /gi global match ignore case
let str = 'Javascript is fun to Work , very Fun '
let regex = /Fun/gi;
console.log(str.replace(regex,'enjoyable'));
console.log(str)
console.log(str.search(regex))
</script>
ผลลัพธ์ของโค้ดด้านบนจะเป็นดังที่แสดงด้านล่าง -
Javascript is enjoyable to Work , very enjoyable
Javascript is fun to Work , very Fun
15
จำนวน
วิธีการยอดนิยมบางอย่างที่เพิ่มเข้าไปในไฟล์ Number object ใน ES6 คือ -
ซีเนียร์ No | วิธีการและคำอธิบาย |
---|---|
1 | Number.isFinite (ค่า) วิธีพิจารณาว่าค่าที่ส่งผ่านเป็นจำนวน จำกัด หรือไม่ ส่งคืนจริง / เท็จ |
2 | Number.isNaN (ค่า) คืนค่าจริงถ้าค่าที่กำหนดคือ NaN และประเภทคือ Number มิฉะนั้นเท็จ |
3 | Number.parseFloat (สตริง) ตัวเลขทศนิยมที่แยกวิเคราะห์จากค่าที่กำหนด ถ้าไม่สามารถแปลงค่าเป็นตัวเลขได้จะมีการส่งคืน NaN |
4 | Number.parseInt (สตริง, [radix]) วิธีการแยกวิเคราะห์อาร์กิวเมนต์สตริงและส่งกลับจำนวนเต็มของรัศมีหรือฐานที่ระบุ |
คณิตศาสตร์
วิธีการยอดนิยมบางอย่างที่เพิ่มเข้าไปในไฟล์ Math object ใน ES6 คือ -
ซีเนียร์ No | วิธีการและคำอธิบาย |
---|---|
1 | Math.sign () ฟังก์ชันส่งคืนเครื่องหมายของตัวเลขซึ่งระบุว่าจำนวนนั้นเป็นบวกลบหรือศูนย์ |
2 | Math.trunc () ฟังก์ชันจะส่งคืนส่วนจำนวนเต็มของตัวเลขโดยการลบตัวเลขเศษส่วน |
วิธีการของ Array ใน ES6
ตารางด้านล่างนี้เน้นวิธีการอาร์เรย์ต่างๆใน ES6 พร้อมกับคำอธิบาย
ซีเนียร์ No | วิธีการและคำอธิบาย |
---|---|
1 | copyWithin () คัดลอกส่วนตื้นของอาร์เรย์ไปยังตำแหน่งอื่นในอาร์เรย์เดียวกันและส่งคืนโดยไม่ต้องแก้ไขความยาว |
2 | รายการ() method ส่งคืนอ็อบเจ็กต์ Array Iterator ใหม่ที่มีคู่คีย์ / ค่าสำหรับแต่ละดัชนีในอาร์เรย์ |
3 | หา() วิธีการส่งคืนค่าขององค์ประกอบแรกในอาร์เรย์ที่ตรงตามฟังก์ชันการทดสอบที่ให้มา มิฉะนั้นจะส่งคืน undefined .. |
4 | เติม () วิธีการเติมองค์ประกอบทั้งหมดของอาร์เรย์จากดัชนีเริ่มต้นไปยังดัชนีสิ้นสุดด้วยค่าคงที่ มันส่งคืนอาร์เรย์ที่แก้ไข |
5 | Array.of () เมธอดสร้างอินสแตนซ์ Array ใหม่จากจำนวนอาร์กิวเมนต์ที่หลากหลายโดยไม่คำนึงถึงจำนวนหรือประเภทของอาร์กิวเมนต์ |
6 | Array.from () วิธีการสร้างสำเนาตื้นจากอาร์เรย์เช่นหรือวัตถุที่ทำซ้ำได้ |
วัตถุ
วิธีการที่เกี่ยวข้องกับฟังก์ชัน Object จะกล่าวถึงด้านล่างในตารางพร้อมกับคำอธิบายที่เกี่ยวข้อง
ซีเนียร์ No | วิธีการและคำอธิบาย |
---|---|
1 | Object.is () วิธีพิจารณาว่าค่าสองค่าเป็นค่าเดียวกันหรือไม่ |
2 | Object.setPrototypeOf () วิธีการตั้งค่าต้นแบบของวัตถุที่ระบุเป็นวัตถุอื่นหรือโมฆะ |
3 | Object.assign () วิธีการใช้เพื่อคัดลอกค่าของคุณสมบัติของตัวเองที่นับได้ทั้งหมดจากออบเจ็กต์ต้นทางอย่างน้อยหนึ่งรายการไปยังวัตถุเป้าหมาย มันจะส่งคืนวัตถุเป้าหมาย |