ชวเลข JavaScript 10 อันดับแรกสำหรับผู้เริ่มต้น

ชวเลข JavaScript ไม่เพียง แต่เพิ่มความเร็วในการเขียนโค้ดเท่านั้น แต่ยังทำให้สคริปต์สั้นลงด้วย โหลดหน้าได้เร็วขึ้น. รหัสชวเลขเป็นเพียงที่ถูกต้องเช่นเดียวกับรุ่นมือยาวของพวกเขา; พวกเขาเป็นหลัก ยืนหยัดเพื่อสิ่งเดียวกัน-เฉพาะในรูปแบบกะทัดรัดเท่านั้น เป็นหนึ่งในเทคนิคการเพิ่มประสิทธิภาพรหัสที่ง่ายที่สุด.

มีชวเลข JavaScript หลายอย่างอย่างไรก็ตาม ไม่มีคู่มืออ้างอิงอย่างเป็นทางการ. บางอันเรียบง่ายจริงๆในขณะที่บางรุ่นก็ค่อนข้างน่ากลัวแม้สำหรับนักพัฒนาที่มีประสบการณ์ ในบทความนี้คุณสามารถค้นหา 10 ชวเลข JavaScript สำหรับผู้เริ่มต้น ที่คุณสามารถเริ่มต้นด้วยการเพิ่มประสิทธิภาพรหัสและเขียนรหัสรัดกุมมากขึ้น.

1. ตัวเลขทศนิยม

หากคุณเป็นประจำ ทำงานกับทศนิยมขนาดใหญ่ การจดชวเลขนี้สามารถมาจากสวรรค์ได้โดยที่คุณไม่ต้องพิมพ์ศูนย์ทั้งหมดอีกต่อไปเพียงแค่แทนที่พวกมันด้วย อี เอกสาร ตัวอย่างเช่น, 1e8 หมายถึงการเพิ่มแปดศูนย์หลังจาก 1 หลักก็เท่ากับ 100000000.

ตัวเลขหลังตัวอักษร อี ระบุจำนวนศูนย์ ที่มาหลังจากหลักก่อน อี. ในทำนองเดียวกัน, 16e4 เป็นการจดชวเลข 160000, ฯลฯ.

 / * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000; 

2. การเพิ่มขึ้นการลดลง

ชวเลขที่เพิ่มขึ้น ประกอบด้วยสอง + สัญญาณก็หมายความว่าค่าของตัวแปรจะเป็น เพิ่มขึ้นทีละหนึ่ง. ในทำนองเดียวกัน ชวเลข ประกอบด้วยสอง - สัญญาณและมันหมายความว่าตัวแปรจะเป็น ลดลงหนึ่ง.

ชวเลขทั้งสองนี้สามารถใช้ได้ เฉพาะกับชนิดข้อมูลที่เป็นตัวเลข. พวกเขามีบทบาทที่ขาดไม่ได้ในลูปกรณีที่ใช้บ่อยที่สุดคือ สำหรับ ห่วง.

 / * Shorthand * / i ++; j--; / * Longhand * / i = i + 1; J = J-1; 

3. เพิ่มเบี่ยงเบนคูณหาร

มีจดชวเลขสำหรับแต่ละ การดำเนินการทางคณิตศาสตร์สี่ขั้นพื้นฐาน: นอกจากนี้การฟุ้งซ่านการคูณและการหาร มันทำงานคล้ายกับตัวดำเนินการเพิ่มและลดที่นี่คุณสามารถเปลี่ยนค่าของตัวแปรได้ โดยหมายเลขใด ๆ (ไม่ใช่แค่ทีละอัน).

ในตัวอย่างด้านล่าง ผม ตัวแปรจะเพิ่มขึ้นโดย 5, J ถูกลดค่าลงโดย 3, k ถูกคูณด้วย 10, และ ล. หารด้วย 2.

 / * Shorthand * / i + = 5; J- = 3; k * = 10; ลิตร / = 2; / * Longhand * / i = i + 5; J = J-3; k = k * 10; L = ลิตร / 2; 

4. กำหนดตำแหน่งของตัวละคร

จรัส () วิธี เป็นหนึ่งในวิธีสตริงที่ใช้บ่อยที่สุดก็จะส่งกลับ ตัวละครที่ตำแหน่งที่ระบุ (ตัวอย่างเช่น 5^TH ตัวอักษรของสตริง) มีชวเลขง่าย ๆ ที่คุณสามารถใช้แทน: คุณเพิ่ม ตำแหน่งอักขระที่อยู่ในวงเล็บเหลี่ยม หลังจากสตริง.

ให้ความสนใจว่า จรัส () วิธีการคือ zero-based. ดังนั้น, myString [4] จะคืนค่า 5^TH ตัวละครในสตริง ("Y" ในตัวอย่าง).

 var myString = "สุขสันต์วันเกิด"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4); 

5. ประกาศตัวแปรเป็นกลุ่ม

หากคุณต้องการสร้าง มากกว่าหนึ่งตัวแปรในเวลาเดียวกัน คุณไม่จำเป็นต้องพิมพ์พวกมันทีละคน มันเพียงพอที่จะใช้ var (หรือ ปล่อย) คำหลัก ครั้งเดียวเท่านั้น, จากนั้นคุณสามารถแสดงรายการตัวแปรที่คุณต้องการสร้าง, คั่นด้วยเครื่องหมายจุลภาค.

ด้วยการจดชวเลขนี้คุณสามารถประกาศทั้งสองอย่าง ตัวแปรที่ไม่ได้กำหนด และ ตัวแปรที่มีค่า.

 / * Shorthand * / var i, j = 5, k = "อรุณสวัสดิ์", l, m = false; / * Longhand * / var i; var j = 5; var k = "อรุณสวัสดิ์"; var l; var m = false; 

6. ประกาศอาเรย์แบบเชื่อมโยง

การประกาศอาร์เรย์ใน JavaScript เป็นงานที่ค่อนข้างง่ายโดยใช้ var myArray = ["apple", "pear", "orange"] วากยสัมพันธ์ อย่างไรก็ตาม, ประกาศอาร์เรย์ที่เชื่อมโยง ซับซ้อนกว่านี้เล็กน้อยเนื่องจากที่นี่คุณไม่เพียง แต่ต้องกำหนดค่าต่างๆ แต่ยังต้องใช้ปุ่ม (ในกรณีที่มีอาร์เรย์แบบปกติ 0, 1, 2, 3, ฯลฯ.).

อาร์เรย์ที่เชื่อมโยงคือ การรวบรวมคู่ของคีย์ - ค่า. วิธีที่ยาวที่สุดคือการประกาศอาร์เรย์จากนั้นเพิ่มแต่ละองค์ประกอบทีละรายการ อย่างไรก็ตามด้วยชวเลขด้านล่างคุณสามารถทำได้เช่นกัน ประกาศอาร์เรย์ที่เชื่อมโยง บวก องค์ประกอบทั้งหมด ในเวลาเดียวกัน.

ในตัวอย่างด้านล่าง myArray อาร์เรย์ที่เชื่อมโยงกำหนดสถานที่เกิดของพวกเขา (ค่า) ให้กับบุคคลที่มีชื่อเสียง (กุญแจ).

 / * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "มหานครนิวยอร์ก", "Sophia Loren": "Rome", "อิงกริด Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "ฟิลาเดลเฟีย"; myArray ["Clint Eastwood"] = "ซานฟรานซิสโก"; myArray ["Humphrey Bogart"] = "เมืองนิวยอร์ก"; myArray ["Sophia Loren"] = "โรม"; myArray ["Ingrid Bergman"] = "สตอกโฮล์ม"; 

7. ประกาศวัตถุ

การจดชวเลข การประกาศวัตถุ ทำงานคล้ายกับหนึ่งสำหรับเชื่อมโยงอาร์เรย์ อย่างไรก็ตามที่นี่ไม่มีคู่คีย์ - ค่า แต่ คู่ของมูลค่าทรัพย์สิน ที่คุณต้องวางระหว่างเครื่องมือจัดฟัน .

ความแตกต่างเพียงอย่างเดียวในไวยากรณ์ของชวเลขคือ คุณสมบัติของวัตถุไม่ได้อยู่ในเครื่องหมายคำพูด (ชื่อ, สถานที่เกิด, อายุ, wasJamesBond ในตัวอย่างด้านล่าง).

 / * Shorthand * / var myObj = ชื่อ: "Sean Connery", placeOfBirth: "Edinburgh", อายุ: 86, เคยเป็น JamesBond: true; / * Longhand * / var myObj = วัตถุใหม่ (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true; 

8. ใช้โอเปอเรเตอร์ที่มีเงื่อนไข

เงื่อนไข (ประกอบไปด้วย) มักใช้เป็น ทางลัดสำหรับ ถ้า-อื่น คำแถลง. มันประกอบด้วย สามส่วน:

1. เงื่อนไข
2. จะเกิดอะไรขึ้นถ้า สภาพเป็นจริง (ถ้า)
3. จะเกิดอะไรขึ้นถ้า เงื่อนไขเป็นเท็จ (อื่น)

ในตัวอย่างด้านล่างเราส่งข้อความง่าย ๆ (ภายใน ข่าวสาร ตัวแปร) สำหรับผู้ที่ต้องการเข้าชมรม การใช้แบบฟอร์มชวเลขมันเป็นเพียงบรรทัดเดียวของรหัส ทำการประเมินผล.

 อายุ var = 17; / * Shorthand * / var message = age> = 18? "อนุญาต": "ถูกปฏิเสธ"; / * Longhand * / if (age> = 18) var message = "อนุญาต";  else var message = "ถูกปฏิเสธ";  

หากคุณต้องการทดสอบเพียง คัดลอกรหัสลงในเว็บคอนโซล (F12 ในเบราว์เซอร์ส่วนใหญ่) และปรับเปลี่ยนค่าของ อายุ ตัวแปรสองสามครั้ง.

9. ตรวจสอบสถานะ

มันเกิดขึ้นบ่อยครั้งที่คุณต้องตรวจสอบว่าตัวแปรเป็น ปัจจุบันหรือไม่. “ถ้ามี” ชวเลข ช่วยให้คุณทำด้วยรหัสน้อยกว่ามาก.

ระวังว่าบทความส่วนใหญ่เกี่ยวกับ JavaScript ชวเลขไม่ได้ให้รูปแบบที่เหมาะสมในระยะยาวเช่น ถ้า (myVar) สัญกรณ์ไม่เพียงแค่ตรวจสอบว่าตัวแปรไม่ได้เป็นเท็จ แต่ยังมีสิ่งอื่น ๆ อีกมากมาย คือตัวแปร ไม่สามารถไม่ได้กำหนดว่างเปล่าเป็นโมฆะและเป็นเท็จ.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("ตัวแปร myVar ถูกกำหนดและมันไม่ว่างเปล่าและไม่ว่างและไม่ใช่เท็จ");  / * Longhand * / if (พิมพ์ myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar ตัวแปรถูกกำหนดและมันไม่ว่างเปล่าและไม่ว่างและไม่ใช่เท็จ ");  

คุณสามารถทดสอบวิธีการ “ถ้ามี” การทำงานแบบย่อโดยการแทรกข้อมูลโค้ดต่อไปนี้ลงในเว็บคอนโซลและ เปลี่ยนค่าของ myvar ไม่กี่ครั้ง.

เพื่อให้เข้าใจวิธีการจดชวเลขนี้ใช้งานได้คุ้มค่าที่จะทดสอบด้วยค่าของ "" (สตริงว่าง), เท็จ, 0, จริง, สตริงที่ไม่ว่างเปล่า (เช่น. "สวัสดี") ตัวเลข (เช่น. 99) และเมื่อตัวแปรไม่ได้ถูกกำหนด (เพียงอย่างเดียว var myVar;).

10. ตรวจสอบการขาด

“ถ้ามี” ชวเลขสามารถใช้ในการ ตรวจสอบการขาดของตัวแปร โดยการวาง เครื่องหมายอัศเจรีย์ข้างหน้า. เครื่องหมายอัศเจรีย์คือ ตรรกะไม่ใช่ตัวดำเนินการ ใน JavaScript (และในภาษาการเขียนโปรแกรมส่วนใหญ่).

ดังนั้นด้วย if (! myVar) สัญกรณ์คุณสามารถตรวจสอบว่า myvar ตัวแปร ไม่ได้ถูกกำหนดว่างเปล่าเป็นโมฆะหรือเป็นเท็จ.

 var myVar; / * Shorthand * / if (! myVar) console.warn ("ตัวแปร myVar นั้นไม่ได้ถูกกำหนด (OR) ที่ว่างเปล่า (OR) null (OR) false");  / * Longhand * / if (พิมพ์ myVar === "undefined" || myVar === "" | | myVar === null || myVar === 0 || myVar === เท็จ) console.warn ("ตัวแปร myVar นั้นไม่ได้กำหนด (OR) ที่ว่างเปล่า (OR) null (OR) false");