สุดยอด JavaScript Cheat Sheet

สุดยอด JavaScript Cheat Sheet

หากคุณต้องการสร้างหน้าเว็บแบบไดนามิก คุณจะต้องเสริมความรู้ HTML และ CSS ด้วย ความเข้าใจในจาวาสคริปต์ . ภาษาสคริปต์นี้ถือเป็นสิ่งสำคัญในการพัฒนาเว็บสมัยใหม่





คุณสามารถสร้างแอปและเว็บไซต์แบบโต้ตอบที่น่าสนใจได้ทุกประเภทด้วย JavaScript แต่ยังมีอะไรให้เรียนรู้อีกมากในระหว่างนี้ ด้วยเหตุนี้ เราจึงได้สร้างชีตชีต JavaScript ต่อไปนี้สำหรับคุณ





แผ่นโกงสามารถทำหน้าที่เป็นตัวทบทวนอย่างรวดเร็วเกี่ยวกับองค์ประกอบ JavaScript ทุกเวลาที่คุณต้องการ มีประโยชน์สำหรับทั้งมือใหม่และผู้เชี่ยวชาญ





ทำไมเมาส์ถึงไม่ทำงาน

ดาวน์โหลดฟรี: แผ่นโกงนี้มีให้ในรูปแบบa PDF ที่ดาวน์โหลดได้ จากคู่ค้าด้านการจัดจำหน่ายของเรา TradePub คุณจะต้องกรอกแบบฟอร์มสั้น ๆ เพื่อเข้าถึงเป็นครั้งแรกเท่านั้น ดาวน์โหลด สุดยอด JavaScript Cheat Sheet .

สุดยอด JavaScript Cheat Sheet

ทางลัดการกระทำ
JavaScript Arrays
concat()รวมหลายอาร์เรย์เป็นหนึ่งเดียว
copyWithin()คัดลอกองค์ประกอบอาร์เรย์ภายในอาร์เรย์ ไปยังและจากตำแหน่งที่ระบุ
ดัชนีของ()ส่งคืนค่าดั้งเดิมของวัตถุที่ระบุ
รวมถึง()ตรวจสอบว่าอาร์เรย์มีองค์ประกอบที่ระบุหรือไม่
เข้าร่วม()รวมองค์ประกอบของอาร์เรย์เป็นสตริงเดียวและส่งคืนสตริง
รายการ()ส่งคืนคู่คีย์/ค่า Array Iteration Object
ทั้งหมด()ตรวจสอบว่าทุกองค์ประกอบในอาร์เรย์ผ่านการทดสอบหรือไม่
เติม()เติมองค์ประกอบในอาร์เรย์ที่มีค่าคงที่
กรอง()สร้างอาร์เรย์ใหม่ที่มีทุกองค์ประกอบในอาร์เรย์ที่ผ่านการทดสอบ
หา()ส่งคืนค่าขององค์ประกอบแรกในอาร์เรย์ที่ผ่านการทดสอบ
แต่ละ()เรียกใช้ฟังก์ชันสำหรับแต่ละองค์ประกอบอาร์เรย์
จาก()สร้างอาร์เรย์จากวัตถุ
LastIndexOf()ระบุตำแหน่งสุดท้ายที่องค์ประกอบที่กำหนดปรากฏในอาร์เรย์
โผล่ ()ลบองค์ประกอบสุดท้ายของอาร์เรย์
ดัน()เพิ่มองค์ประกอบใหม่ในตอนท้าย
ย้อนกลับ()เรียงลำดับองค์ประกอบจากมากไปหาน้อย
ลด()ลดค่าของอาร์เรย์ให้เป็นค่าเดียว (ไปทางซ้ายไปขวา)
ลดขวา()ลดค่าของอาร์เรย์ให้เป็นค่าเดียว (จากขวาไปซ้าย)
กะ()ลบองค์ประกอบแรกของอาร์เรย์
ชิ้น()ดึงสำเนาของส่วนของอาร์เรย์ไปยังวัตถุอาร์เรย์ใหม่
เรียงลำดับ()จัดเรียงองค์ประกอบตามตัวอักษร
ประกบ()เพิ่มองค์ประกอบในลักษณะและตำแหน่งที่กำหนด
ยกเลิกการเปลี่ยน ()เพิ่มองค์ประกอบใหม่ในการเริ่มต้น
จาวาสคริปต์บูลีนเมธอด
toString()แปลงค่าบูลีนเป็นสตริง และส่งคืนผลลัพธ์
มูลค่าของ()ส่งกลับตำแหน่งแรกที่องค์ประกอบที่กำหนดปรากฏในอาร์เรย์
แหล่งที่มา()ส่งกลับสตริงที่แสดงถึงซอร์สโค้ดของอ็อบเจกต์
ตัวดำเนินการเลขคณิต JavaScript
+ส่วนที่เพิ่มเข้าไป
-การลบ
*การคูณ
/แผนก
(...)ตัวดำเนินการจัดกลุ่ม (การดำเนินการภายในวงเล็บจะดำเนินการเร็วกว่าการดำเนินการภายนอก)
%โมดูลัส (ส่วนที่เหลือ)
++เพิ่มตัวเลข
-ลดจำนวน
==เท่ากับ
===ค่าเท่ากันและประเภทเท่ากัน
! =ไม่เท่ากับ
! ==ค่าไม่เท่ากันหรือไม่เท่ากัน
>มากกว่า
<น้อยกว่า
> =มากกว่าหรือเท่ากับ
<=น้อยกว่าหรือเท่ากับ
?โอเปอเรเตอร์ไตรภาค
ตัวดำเนินการเชิงตรรกะ
&&ตรรกะและ
||ตรรกะOR
!ตรรกะไม่
ตัวดำเนินการ Bitwise
&และคำสั่ง
|หรือคำสั่ง
~ไม่
^XOR
<<กะซ้าย
>>กะขวา
>>>เติมศูนย์กะขวา
ฟังก์ชั่น
เตือน()ส่งออกข้อมูลในกล่องแจ้งเตือนในหน้าต่างเบราว์เซอร์
ยืนยัน()เปิดกล่องโต้ตอบใช่/ไม่ใช่และคืนค่าจริง/เท็จขึ้นอยู่กับผู้ใช้คลิก
console.log()เขียนข้อมูลไปยังคอนโซลเบราว์เซอร์ (ดีสำหรับการดีบัก)
เอกสาร.เขียน()เขียนโดยตรงไปยังเอกสาร HTML
พรอมต์ ()สร้างกล่องโต้ตอบสำหรับการป้อนข้อมูลของผู้ใช้
ฟังก์ชั่นสากล
ถอดรหัส ()ถอดรหัส Uniform Resource Identifier (URI) ที่สร้างโดย encodeURI หรือใกล้เคียง
ถอดรหัสURIComponent()ถอดรหัสส่วนประกอบ URI
เข้ารหัสURI()เข้ารหัส URI เป็น UTF-8
เข้ารหัสURIComponent()เหมือนกันแต่สำหรับส่วนประกอบ URI
eval()ประเมินโค้ด JavaScript ที่แสดงเป็นสตริง
isFinite ()กำหนดว่าค่าที่ส่งผ่านเป็นจำนวนจำกัดหรือไม่
isNaN()กำหนดว่าค่าเป็นตัวเลขที่ไม่ถูกต้องหรือไม่
ตัวเลข()แปลงค่าของวัตถุเป็นตัวเลข
parseFloat()แยกวิเคราะห์สตริงและส่งกลับจำนวนจุดทศนิยม
parseInt()แยกวิเคราะห์สตริงและส่งกลับจำนวนเต็ม
JavaScript Loops
สำหรับวิธีทั่วไปที่สุดในการสร้างลูปใน JavaScript
ในขณะที่ตั้งค่าเงื่อนไขที่ลูปดำเนินการ
ทำในขณะที่คล้ายกับการวนรอบ แต่จะดำเนินการอย่างน้อยหนึ่งครั้งและทำการตรวจสอบในตอนท้ายเพื่อดูว่าตรงตามเงื่อนไขเพื่อดำเนินการอีกครั้งหรือไม่
หยุดพักหยุดและออกจากวงจรหากตรงตามเงื่อนไขบางประการ
ดำเนินต่อข้ามบางส่วนของวงจรหากตรงตามเงื่อนไขบางประการ
ตัวละครหนี
'คำพูดเดียว
'คำพูดคู่
\แบ็กสแลช
NSBackspace
NSฟีดรูปแบบ
NSไลน์ใหม่
NSคืนรถ
NSตัวสร้างตารางแนวนอน
vตารางแนวตั้ง
วิธีการสตริง JavaScript
charAt ()ส่งกลับอักขระที่ตำแหน่งที่ระบุภายในสตริง
charCodeAt ()ให้ยูนิโค้ดของอักขระที่ตำแหน่งนั้น
concat()เชื่อม (รวม) สองสตริงขึ้นไปเป็นหนึ่ง
จากCharCode()ส่งคืนสตริงที่สร้างจากลำดับที่ระบุของหน่วยรหัส UTF-16
ดัชนีของ()ระบุตำแหน่งการเกิดขึ้นครั้งแรกของข้อความที่ระบุภายในสตริง
LastIndexOf()เหมือนกับ indexOf() แต่เกิดครั้งสุดท้าย ค้นหาย้อนกลับ
จับคู่()ดึงข้อมูลที่ตรงกันของสตริงเทียบกับรูปแบบการค้นหา
แทนที่()ค้นหาและแทนที่ข้อความที่ระบุในสตริง
ค้นหา()ดำเนินการค้นหาข้อความที่ตรงกันและส่งคืนตำแหน่ง
ชิ้น()แยกส่วนของสตริงและส่งคืนเป็นสตริงใหม่
แยก()แยกวัตถุสตริงเป็นอาร์เรย์ของสตริงที่ตำแหน่งที่ระบุ
เริ่มต้นด้วย()ตรวจสอบว่าสตริงเริ่มต้นด้วยอักขระที่ระบุหรือไม่
ย่อย ()คล้ายกับ slice() แต่แตกสตริงย่อยขึ้นอยู่กับจำนวนอักขระที่ระบุ
สตริงย่อย ()คล้ายกับ slice() แต่ไม่สามารถยอมรับดัชนีเชิงลบได้
ตัวพิมพ์เล็ก()แปลงสตริงเป็นตัวพิมพ์เล็ก
toUpperCase()แปลงสตริงเป็นตัวพิมพ์ใหญ่
มูลค่าของ()ส่งคืนค่าดั้งเดิม (ที่ไม่มีคุณสมบัติหรือวิธีการ) ของวัตถุสตริง
ไวยากรณ์การแสดงออกปกติ

ตัวดัดแปลงรูปแบบ
และประเมินการทดแทน
ผมดำเนินการจับคู่ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
NSทำการจับคู่ทั่วโลก
NSทำการจับคู่หลายบรรทัด
NSถือว่าสตริงเป็นบรรทัดเดียว
NSอนุญาตความคิดเห็นและช่องว่างในรูปแบบ
ยูลวดลายขี้อ้อน
วงเล็บ
[เอบีซี]ค้นหาอักขระใด ๆ ในวงเล็บ
[^ เอบีซี]ค้นหาอักขระใด ๆ ที่ไม่อยู่ในวงเล็บ
[0-9]ค้นหาตัวเลขที่ระบุในวงเล็บ
[A-z]ค้นหาอักขระใดก็ได้ตั้งแต่ตัวพิมพ์ใหญ่ A ถึงตัวพิมพ์เล็ก z
(ก|ข|ค)ค้นหาทางเลือกอื่นที่คั่นด้วย |
Metacharacters
.ค้นหาอักขระตัวเดียว ยกเว้นขึ้นบรรทัดใหม่หรือตัวสิ้นสุดบรรทัด
ในตัวอักษร Word
ในอักขระที่ไม่ใช่คำ
NSตัวเลข
NSอักขระที่ไม่ใช่ตัวเลข
NSอักขระช่องว่าง
NSอักขระที่ไม่ใช่ช่องว่าง
NSค้นหาการจับคู่ที่จุดเริ่มต้น/จุดสิ้นสุดของคำ
NSหาคำที่ตรงกันไม่ขึ้นต้น/ท้ายคำ
u0000อักขระ NUL
NSตัวละครขึ้นบรรทัดใหม่
NSแบบฟอร์มฟีดอักขระ
NSตัวละครส่งคืนรถ
NSตัวอักษรแท็บ
vตัวอักษรแท็บแนวตั้ง
xxxอักขระที่ระบุด้วยเลขฐานแปด xxx
xddอักขระละตินที่ระบุด้วยเลขฐานสิบหก dd
uddddอักขระ Unicode ที่ระบุโดยเลขฐานสิบหก dddd
ปริมาณ
n+จับคู่สตริงใดๆ ที่มีอย่างน้อยหนึ่ง n
NS*สตริงใดๆ ที่มี n . เป็นศูนย์หรือมากกว่า
NS?สตริงใดๆ ที่มี n . เป็นศูนย์หรือหนึ่งรายการ
น{X}สตริงใด ๆ ที่มีลำดับของ X n's
น {X, Y}สตริงที่มีลำดับของ X ถึง Y n's
น{X,}จับคู่สตริงใดๆ ที่มีลำดับอย่างน้อย X n's
n$สตริงใดๆ ที่มี n ต่อท้าย
^นสตริงที่มี n นำหน้า
?=nสตริงใดๆ ที่ตามด้วยสตริงเฉพาะ n
?!NSสตริงที่ไม่ได้ตามด้วยสตริงเฉพาะ n
คุณสมบัติจำนวน
MAX_VALUEค่าตัวเลขสูงสุดที่แสดงได้ใน JavaScript
MIN_VALUEค่าตัวเลขบวกที่เล็กที่สุดที่แสดงได้ใน JavaScript
น่านค่าไม่ใช่ตัวเลข
NEGATIVE_INFINITYค่าอินฟินิตี้เชิงลบ
POSITIVE_INFINITYค่าอินฟินิตี้บวก
วิธีการจำนวน
เป็นเอกซ์โพเนนเชียล ()ส่งกลับสตริงที่มีตัวเลขโค้งมนเขียนเป็นสัญกรณ์เลขชี้กำลัง
แก้ไข ()ส่งกลับสตริงของตัวเลขที่มีจำนวนทศนิยมที่ระบุ
ความแม่นยำ ()ส่งคืนสตริงของตัวเลขที่เขียนด้วยความยาวที่ระบุ
toString()ส่งกลับตัวเลขเป็นสตริง
มูลค่าของ()ส่งกลับตัวเลขเป็นตัวเลข
คุณสมบัติทางคณิตศาสตร์
และหมายเลขออยเลอร์
LN2ลอการิทึมธรรมชาติของ2
LN10ลอการิทึมธรรมชาติของ10
LOG2Eลอการิทึมฐาน 2 ของ E
LOG10Eลอการิทึมฐาน 10 ของ E
PIหมายเลข PI
SQRT1_2รากที่สองของ 1/2
SQRT2รากที่สองของ2
วิธีคณิตศาสตร์
เอบีเอส(x)ส่งกลับค่าสัมบูรณ์ (บวก) ของ x
แอคเคาท์ (x)อาร์คโคไซน์ของ x เป็นเรเดียน
อาซิน(x)อาร์กไซน์ของ x เป็นเรเดียน
เอตัน (x)อาร์คแทนเจนต์ของ x เป็นค่าตัวเลข
atan2 (y, x)อาร์คแทนเจนต์ของผลหารของการโต้แย้ง
เพดาน(x)ค่าของ x ปัดขึ้นเป็นจำนวนเต็มที่ใกล้เคียงที่สุด
คอส(x)โคไซน์ของ x (x อยู่ในหน่วยเรเดียน)
ประสบการณ์(x)มูลค่า Ex
ชั้น(x)ค่าของ x ปัดเศษลงเป็นจำนวนเต็มที่ใกล้เคียงที่สุด
บันทึก(x)ลอการิทึมธรรมชาติ (ฐาน E) ของ x
สูงสุด(x,y,z,...,n)ตัวเลขที่มีมูลค่าสูงสุด
ขั้นต่ำ (x, y, z, ..., n)ตัวเลขที่มีค่าต่ำสุด
pow (x, y)X ยกกำลัง y
สุ่ม()ตัวเลขสุ่มระหว่าง 0 ถึง 1
รอบ(x)ค่าของ x ปัดเศษเป็นจำนวนเต็มที่ใกล้เคียงที่สุด
บาป (x)ไซน์ของ x (x อยู่ในหน่วยเรเดียน)
sqrt(x)รากที่สองของ x
ดังนั้น (x)แทนเจนต์ของมุม
วันที่
วันที่()สร้างวัตถุวันที่ใหม่ด้วยวันที่และเวลาปัจจุบัน
วันที่(2017, 5, 21, 3, 23, 10, 0)สร้างวัตถุวันที่ที่กำหนดเอง ตัวเลขแสดงปี เดือน วัน ชั่วโมง นาที วินาที มิลลิวินาที คุณสามารถละเว้นสิ่งที่คุณต้องการยกเว้นปีและเดือน
วันที่(2017-06-23)การประกาศวันที่เป็นสตริง
getDate()รับวันของเดือนเป็นตัวเลข (1-31)
getDay()รับวันธรรมดาเป็นตัวเลข (0-6)
getFullYear()รับปีเป็นตัวเลขสี่หลัก (ปปปป)
getHours()รับชั่วโมง (0-23)
รับมิลลิวินาที ()รับมิลลิวินาที (0-999)
getMinutes()รับนาที (0-59)
getMonth()รับเดือนเป็นตัวเลข (0-11)
getSeconds()รับที่สอง (0-59)
รับเวลา ()รับเวลา (มิลลิวินาทีตั้งแต่วันที่ 1 มกราคม 1970)
getUTCDate ()วัน (วันที่) ของเดือนในวันที่ระบุตามเวลาสากล (เช่น วัน เดือน ปีเต็ม ชั่วโมง นาที เป็นต้น)
แยกวิเคราะห์แยกวิเคราะห์การแสดงสตริงของวันที่ และส่งคืนจำนวนมิลลิวินาทีตั้งแต่วันที่ 1 มกราคม 1970
setDate()กำหนดวันเป็นตัวเลข (1-31)
setFullYear ()ตั้งปี (เลือกเดือนและวัน)
setHours ()ตั้งเวลา (0-23)
ตั้งค่ามิลลิวินาที()ตั้งค่ามิลลิวินาที (0-999)
setMinutes()ตั้งนาที (0-59)
setMonth()ตั้งเดือน (0-11)
ตั้งค่าวินาที()ตั้งค่าวินาที (0-59)
ตั้งเวลา()ตั้งเวลา (มิลลิวินาทีตั้งแต่ 1 มกราคม 1970)
setUTCDate()กำหนดวันของเดือนสำหรับวันที่ระบุตามเวลาสากล (เช่น วัน เดือน ปีเต็ม ชั่วโมง นาที เป็นต้น)
โหมดโดม

คุณสมบัติโหนด
คุณลักษณะคอลเลกชันสดของแอตทริบิวต์ทั้งหมดที่ลงทะเบียนกับองค์ประกอบ
ฐานURIURL ฐานแบบสัมบูรณ์ขององค์ประกอบ HTML
ลูกโหนดการรวบรวมโหนดย่อยขององค์ประกอบ
ลูกคนแรกโหนดลูกแรกขององค์ประกอบ
ลูกคนสุดท้องโหนดลูกสุดท้ายขององค์ประกอบ
ต่อไปพี่น้องโหนดถัดไปที่ระดับทรีโหนดเดียวกัน
nodeNameชื่อของโหนด
nodeTypeประเภทของโหนด
nodeValueค่าของโหนด
เจ้าของเอกสารออบเจ็กต์เอกสารระดับบนสุดสำหรับโหนดปัจจุบัน
parentNodeโหนดหลักขององค์ประกอบ
ก่อนหน้าพี่น้องโหนดที่อยู่ข้างหน้าโหนดปัจจุบันทันที
ข้อความเนื้อหาเนื้อหาที่เป็นข้อความของโหนดและทายาท
วิธีการโหนด
ผนวกเด็ก()เพิ่มโหนดลูกใหม่ให้กับองค์ประกอบเป็นโหนดลูกสุดท้าย
cloneNode()โคลนองค์ประกอบ HTML
ตำแหน่งเปรียบเทียบเอกสาร ()เปรียบเทียบตำแหน่งเอกสารของสององค์ประกอบ
รับคุณลักษณะ ()ส่งคืนอ็อบเจ็กต์ที่ใช้ API ของคุณสมบัติที่ระบุ
มีแอตทริบิวต์()คืนค่า true หากองค์ประกอบมีคุณสมบัติใด ๆ มิฉะนั้นจะคืนค่า false
hasChildNodes ()คืนค่า true หากองค์ประกอบมีโหนดย่อย มิฉะนั้นจะคืนค่า false
แทรกก่อน ()แทรกโหนดชายน์ใหม่ก่อนระบุโหนดชายน์ที่มีอยู่
isDefaultNamespace()คืนค่า true หาก namespaceURI ที่ระบุเป็นค่าดีฟอลต์ มิฉะนั้นจะคืนค่า false
isEqualNode ()ตรวจสอบว่าสององค์ประกอบเท่ากันหรือไม่
isSameNode()ตรวจสอบว่าสององค์ประกอบเป็นโหนดเดียวกันหรือไม่
ได้รับการสนับสนุน ()คืนค่า จริง หากคุณสมบัติที่ระบุได้รับการสนับสนุนในองค์ประกอบ
lookupNamespaceURI()ส่งคืนเนมสเปซURI ที่เชื่อมโยงกับโหนดที่กำหนด
ค้นหาคำนำหน้า ()ส่งคืน DOMString ที่มีคำนำหน้าสำหรับเนมสเปซURI ที่ระบุ ถ้ามี
ทำให้ปกติ ()เข้าร่วมโหนดข้อความที่อยู่ติดกันและลบโหนดข้อความว่างในองค์ประกอบ
ลบChild()ลบโหนดย่อยออกจากองค์ประกอบ
แทนที่Child()แทนที่โหนดย่อยในองค์ประกอบ
วิธีการองค์ประกอบ
รับแอตทริบิวต์ ()ส่งกลับค่าแอตทริบิวต์ที่ระบุของโหนดองค์ประกอบ
getAttributeNS()ส่งคืนค่าสตริงของแอตทริบิวต์ด้วยเนมสเปซและชื่อที่ระบุ
getAttributeNode()รับโหนดแอตทริบิวต์ที่ระบุ
getAttributeNodeNS()ส่งคืนโหนดแอตทริบิวต์สำหรับแอตทริบิวต์ด้วยเนมสเปซและชื่อที่กำหนด
getElementsByTagName()จัดเตรียมคอลเลกชันขององค์ประกอบย่อยทั้งหมดที่มีชื่อแท็กที่ระบุ
getElementsByTagNameNS()ส่งคืนคอลเล็กชัน HTML สดขององค์ประกอบด้วยชื่อแท็กที่เป็นของเนมสเปซที่กำหนด
มีแอตทริบิวต์()คืนค่า true หากองค์ประกอบมีคุณสมบัติใด ๆ มิฉะนั้นจะคืนค่า false
มีแอตทริบิวต์NS()ระบุค่าจริง/เท็จที่ระบุว่าองค์ประกอบปัจจุบันในเนมสเปซที่กำหนดมีแอตทริบิวต์ที่ระบุหรือไม่
ลบแอตทริบิวต์()ลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบ
removeAttributeNS()ลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบภายในเนมสเปซที่กำหนด
removeAttributeNode()นำโหนดแอตทริบิวต์ที่ระบุออกไปและส่งคืนโหนดที่ถูกลบ
setAttribute()ตั้งค่าหรือเปลี่ยนแอตทริบิวต์ที่ระบุเป็นค่าที่ระบุ
setAttributeNS()เพิ่มแอตทริบิวต์ใหม่หรือเปลี่ยนค่าของแอตทริบิวต์ด้วยเนมสเปซและชื่อที่กำหนด
setAttributeNode()ตั้งค่าหรือเปลี่ยนโหนดแอตทริบิวต์ที่ระบุ
setAttributeNodeNS()เพิ่มโหนดแอตทริบิวต์เนมสเปซใหม่ให้กับองค์ประกอบ
คุณสมบัติหน้าต่างเบราว์เซอร์
ปิดตรวจสอบว่าหน้าต่างถูกปิดหรือไม่และคืนค่าจริงหรือเท็จ
defaultStatusตั้งค่าหรือส่งคืนข้อความเริ่มต้นในแถบสถานะของหน้าต่าง
เอกสารส่งคืนวัตถุเอกสารสำหรับ window
เฟรมส่งคืนทั้งหมด