บทความนี้อธิบายข้อมูลที่เกี่ยวข้องเกี่ยวกับประเภทข้อมูล JavaScript สำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
1. ประเภทอ้างอิง
ค่าของประเภทการอ้างอิงเป็นอินสแตนซ์ของประเภทการอ้างอิง ประเภทการอ้างอิงคือโครงสร้างข้อมูลที่ใช้ในการจัดระเบียบข้อมูลและฟังก์ชั่นและมักเรียกว่าคลาส
อินสแตนซ์ของประเภทการอ้างอิงเฉพาะคือวัตถุ วัตถุใหม่ถูกสร้างขึ้นโดยใช้ตัวดำเนินการใหม่ตามด้วยตัวสร้าง ตัวสร้างเองเป็นฟังก์ชั่นและถูกกำหนดไว้เพื่อจุดประสงค์ในการสร้างวัตถุใหม่
var person = new Object ();
2. ประเภทวัตถุ
(1) ประเภทวัตถุเป็นตัวเลือกที่เหมาะสำหรับการจัดเก็บและส่งข้อมูลในแอปพลิเคชัน
(2) วิธีสร้างอินสแตนซ์ประเภทวัตถุ:
ใช้ใหม่เพื่อเพิ่มตัวสร้างวัตถุ
<script type = "text/javascript"> var person = new Object (); person.name = "Peter"; การแจ้งเตือน (person.name); </script>
ใช้วิธีการแสดงตามตัวอักษรวัตถุ
var dog = {ชื่อ: "kity", อายุ: 3, ตา: bigeyes};วิธีการสร้างนี้เริ่มต้นด้วยการจัดฟันแบบหยิกคู่หนึ่งโดยมีชื่อตัวแปรก่อนตามด้วยลำไส้ใหญ่และจากนั้นค่าแอตทริบิวต์ อาจมีหลายแอตทริบิวต์ แต่แต่ละแอตทริบิวต์จะต้องคั่นด้วยเครื่องหมายจุลภาคและโดยทั่วไปแล้วแอตทริบิวต์สุดท้ายจะไม่เพิ่มด้วยเครื่องหมายจุลภาค ชื่อแอตทริบิวต์สามารถเป็นสตริงได้ หากไม่มีการเขียนในวงเล็บปีกกาคุณสามารถกำหนดวัตถุที่มีคุณสมบัติและวิธีการเริ่มต้นเท่านั้น
โดยทั่วไปแล้วการเข้าถึงคุณสมบัติของวัตถุใช้สัญลักษณ์ DOT และใช้วงเล็บเหลี่ยม [] ใน JavaScript เพื่อเข้าถึงคุณสมบัติของวัตถุ เมื่อใช้ [] แอตทริบิวต์ที่จะเข้าถึงควรวางไว้ใน [] เป็นสตริง
การแจ้งเตือน (บุคคล ["ชื่อ"]);
การแจ้งเตือน (person.name);
อดีตสามารถเข้าถึงคุณสมบัติผ่านตัวแปร
หากชื่อคุณสมบัติมีอักขระที่จะทำให้เกิดข้อผิดพลาดทางไวยากรณ์ชื่อคุณสมบัติจะใช้คำหลักหรือคำที่สงวนไว้และสามารถใช้วงเล็บเหลี่ยมได้
หากคุณไม่ต้องใช้ตัวแปรเพื่อเข้าถึงคุณสมบัติเราขอแนะนำให้ใช้สัญลักษณ์ดอท
3. ประเภทอาร์เรย์
อาร์เรย์ใน JavaScript มีการสั่งซื้อรายการซึ่งสามารถบันทึกข้อมูลทุกประเภทซึ่งเป็นความแตกต่างที่ใหญ่ที่สุดระหว่างพวกเขาและอาร์เรย์ภาษาอื่น ๆ และขนาดของอาร์เรย์สามารถปรับได้แบบไดนามิก
(1) วิธีพื้นฐานในการสร้างอาร์เรย์:
การใช้ตัวสร้างอาร์เรย์คุณสามารถผ่านค่า (ขนาดของอาร์เรย์หรือเนื้อหาของอาร์เรย์)
var student = new Array (); var student = new Array (10); var student = new Array ("Peter", "Merry", "Bob");(2) ใช้วิธีการเป็นตัวแทนของตัวอักษรอาร์เรย์ ตัวอักษรอาร์เรย์จะแสดงโดยคู่ของวงเล็บสี่เหลี่ยมที่มีรายการอาร์เรย์และหลายอาร์เรย์จะถูกคั่นด้วยเครื่องหมายจุลภาค
(3) เมื่ออ่านและตั้งค่าค่าของอาร์เรย์ให้ใช้วงเล็บเหลี่ยมและค่าที่สอดคล้องกันตามดัชนีตัวเลข 0
ความยาวของอาร์เรย์จะถูกบันทึกไว้ในแอตทริบิวต์ความยาวและค่าแอตทริบิวต์นี้สามารถส่งคืนค่า 0 หรือมากกว่า คุณสามารถลบหรือเพิ่มรายการใหม่ได้จากส่วนท้ายของอาร์เรย์โดยการตั้งค่าของแอตทริบิวต์ความยาว
สี var = ["สีแดง", "สีน้ำเงิน", "สีเขียว"]; colours.length = 2; // ความยาวของอาร์เรย์กลายเป็น 2, สีเขียวถูกลบการแจ้งเตือน (สี [2]); // ในเวลานี้การเข้าถึงจะกลับมาไม่ได้กำหนดการแจ้งเตือน (สี [1]); จะคืนสีน้ำเงิน
หากคุณสมบัติความยาวถูกตั้งค่าเป็นค่าที่มากกว่ารายการอาร์เรย์แต่ละรายการที่เพิ่มจะส่งคืนค่าที่ไม่ได้กำหนด
สี var = ["สีแดง", "สีน้ำเงิน", "สีเขียว"]; สีความยาว = 5; การแจ้งเตือน (สี [4]);
ใช้แอตทริบิวต์ความยาวเพื่อเพิ่มรายการในตอนท้ายของอาร์เรย์
สี var = ["สีแดง", "สีน้ำเงิน", "สีเขียว"]; การแจ้งเตือน (สี [colours.length] = "Black");
(4) อาร์เรย์สามารถมีรายการได้สูงสุด 4294967295 รายการ
(5) อาร์เรย์ตรวจจับ
การใช้วิธี array.isarray () มันสามารถสรุปได้ว่าค่าเป็นอาร์เรย์โดยไม่คำนึงถึงสภาพแวดล้อมการดำเนินการทั่วโลกที่สร้างขึ้น
if (array.isarray) {// ทำงาน}(6) วิธีการแปลง
วัตถุทั้งหมดมีวิธีการ tolocalestring (), toString () และ valueof () โดยที่การเรียกใช้วิธีการ toString () ของอาร์เรย์ส่งคืนสตริงที่แยกออกจากเครื่องหมายจุลภาคจากแต่ละสตริงค่าในอาร์เรย์ Valueof () ส่งคืนอาร์เรย์
เมื่อมีการเรียกใช้วิธี Tolocalestring () อาเรย์จะถูกสร้างขึ้นซึ่งเป็นสตริงที่คั่นด้วยเครื่องหมายจุลภาค ซึ่งแตกต่างจากก่อนหน้านี้เพื่อให้ได้ค่าของแต่ละรายการวิธี tolocalestring () ของแต่ละรายการเรียกว่าแทนที่จะใช้วิธี toString ()
<script type = "text/javascript"> var person1 = {toString: function () {return "peter"; }, tolocalestring: function () {return "Mary"; - var person2 = {toString: function () {return "26"; }, tolocalestring: function () {return "18"; - var person = [person1, person2]; การแจ้งเตือน (บุคคล); การแจ้งเตือน (person.toString ()); การแจ้งเตือน (person.tolocalestring ()); </script>ใช้วิธีการเข้าร่วม () เพื่อสร้างสตริงนี้ด้วยตัวคั่นที่แตกต่างกัน วิธีการเข้าร่วม () ได้รับเพียงหนึ่งพารามิเตอร์สตริงที่ใช้เป็นตัวคั่นแล้วส่งคืนสตริงที่มีรายการอาร์เรย์ทั้งหมด หากคุณไม่ผ่านค่าใด ๆ ไปยังวิธีการเข้าร่วม () หรือผ่านที่ไม่ได้กำหนดให้ใช้เครื่องหมายจุลภาคเป็นตัวคั่น หากค่าของรายการในอาร์เรย์เป็นโมฆะหรือไม่ได้กำหนดค่าจะถูกแสดงเป็นสตริงว่างในผลลัพธ์ที่ส่งคืนโดยการเข้าร่วม (), toString (), tolocalestring () และ valueof ()
<script type = "text/javascript"> var person1 = {toString: function () {return "peter"; }, tolocalestring: function () {return "Mary"; - var person2 = {toString: function () {return "26"; }, tolocalestring: function () {return "18"; - var person = [person1, person2]; การแจ้งเตือน (บุคคล); การแจ้งเตือน (person.toString ()); การแจ้งเตือน (person.tolocalestring ()); การแจ้งเตือน (person.oin ("*")); การแจ้งเตือน (person.oin ("*")); การแจ้งเตือน (person.oin ("-")); </script>(7) วิธีการสแต็ก
สแต็คเป็นสแต็กในโครงสร้างข้อมูล ลักษณะของมันคือการเข้าสู่ก่อนแล้วออกจากนั้นและการดำเนินการทั้งหมดจะเกิดขึ้นที่ด้านบนของสแต็กเท่านั้น JavaScript ให้วิธีการ push () และ pop () ซึ่งสามารถบรรลุพฤติกรรมคล้ายกับสแต็ก
push () สามารถรับพารามิเตอร์จำนวนใดก็ได้และเพิ่มทีละหนึ่งไปยังจุดสิ้นสุดของอาร์เรย์และส่งคืนความยาวของอาร์เรย์ที่แก้ไข
วิธี POP () สามารถลบรายการสุดท้ายออกจากปลายอาร์เรย์ลดค่าความยาวของอาร์เรย์จากนั้นกลับไปที่ด้านบนที่ถูกลบออก
(8) วิธีคิว
โครงสร้างข้อมูลของคิวมีลักษณะเป็นครั้งแรกในครั้งแรก คิวเพิ่มรายการในตอนท้ายของรายการและลบรายการออกจากส่วนหน้าของรายการ
push () สามารถเพิ่มรายการที่ส่วนท้ายของอาร์เรย์ shift () สามารถลบรายการแรกในอาร์เรย์และส่งคืนรายการและความยาวของอาร์เรย์จะลดลง 1; Unshift () สามารถเพิ่มรายการใด ๆ ที่ปลายด้านหน้าของอาร์เรย์และส่งคืนความยาวของอาร์เรย์ใหม่
(9) วิธีการจัดเรียงใหม่
reverse () จะย้อนกลับลำดับของอาร์เรย์
โดยค่าเริ่มต้นเรียงลำดับ () จัดเรียงรายการอาร์เรย์ตามลำดับจากน้อยไปมาก (ค่าต่ำสุดอยู่ที่ด้านหน้าและค่าสูงสุดอยู่ที่ท้ายเพื่อให้ได้การเรียงลำดับวิธีการเรียงลำดับ () จะเรียกวิธีการแปลง TOSTRING () ของแต่ละรายการอาร์เรย์แล้วเปรียบเทียบสตริงผลลัพธ์เพื่อกำหนดวิธีการเรียงลำดับ) Sort () สามารถรับฟังก์ชั่นการเปรียบเทียบเป็นพารามิเตอร์ ฟังก์ชั่นการเปรียบเทียบได้รับพารามิเตอร์สองตัว หากพารามิเตอร์แรกควรเป็นก่อนที่สองมันจะส่งคืนจำนวนลบหากพารามิเตอร์ทั้งสองเท่ากันมันจะส่งคืน 0 และหากพารามิเตอร์แรกควรเป็นหลังจากที่สองมันจะส่งคืนจำนวนบวก
ค่าการส่งคืนของวิธี reverse () และ sort () เป็นทั้งอาร์เรย์ที่เรียงลำดับ
(10) วิธีการดำเนินการ
concat () สามารถสร้างอาร์เรย์ใหม่ตามรายการทั้งหมดในอาร์เรย์ปัจจุบัน
Slice () สามารถสร้างอาร์เรย์ใหม่ตามหนึ่งรายการขึ้นไปในอาร์เรย์ปัจจุบัน Slice () สามารถรับพารามิเตอร์หนึ่งหรือสองตัวเพื่อส่งคืนตำแหน่งเริ่มต้นและสิ้นสุดของรายการ เมื่อพารามิเตอร์เป็นหนึ่งมันจะส่งคืนรายการทั้งหมดจากตำแหน่งที่ระบุของพารามิเตอร์ไปยังจุดสิ้นสุดของอาร์เรย์ปัจจุบัน หากมีพารามิเตอร์สองตัวจะส่งคืนรายการระหว่างตำแหน่งเริ่มต้นและสิ้นสุด แต่ไม่รวมรายการที่ตำแหน่งท้าย
วิธีการ splice (): ส่วนใหญ่ใช้เพื่อแทรกรายการลงในกลางอาร์เรย์
DELETE: คุณสามารถลบจำนวนรายการใด ๆ ได้เพียง 2 พารามิเตอร์ต้องระบุตำแหน่งของรายการแรกที่จะลบและจำนวนรายการที่จะลบ
แทรก: คุณสามารถแทรกจำนวนรายการใด ๆ ลงในตำแหน่งที่ระบุเพียงแค่ให้พารามิเตอร์สามตัวตำแหน่งเริ่มต้นและ 0 และรายการที่จะแทรก
การเปลี่ยน: คุณสามารถแทรกจำนวนรายการใด ๆ ลงในตำแหน่งที่ระบุและลบจำนวนรายการใด ๆ ในเวลาเดียวกัน คุณจะต้องระบุพารามิเตอร์ 3 ตัวตำแหน่งเริ่มต้นจำนวนรายการที่จะถูกลบและจำนวนรายการใด ๆ ที่จะแทรก จำนวนรายการที่แทรกไม่จำเป็นต้องเท่ากับจำนวนรายการที่จะถูกลบ
Splice () จะส่งคืนอาร์เรย์ที่มีรายการที่ถูกลบออกจากอาร์เรย์ดั้งเดิมเสมอ (หากไม่มีรายการถูกลบอาร์เรย์ที่ว่างเปล่าจะถูกส่งคืน)
(11) วิธีการตำแหน่ง
ทั้งสองวิธีสามารถรับพารามิเตอร์สองรายการรายการที่จะค้นหาและดัชนีระบุตำแหน่งของจุดเริ่มต้นของการค้นหาทั้งสองส่งคืนตำแหน่งของรายการที่จะค้นหาในอาร์เรย์หรือส่งคืน -1 หากไม่พบ เมื่อเปรียบเทียบพารามิเตอร์แรกกับแต่ละรายการในอาร์เรย์ตัวดำเนินการคอนเวอร์เจนซ์จะถูกใช้และรายการที่จะค้นหาจะต้องเท่ากันอย่างเคร่งครัด
indexof (): เริ่มจากจุดเริ่มต้นของอาร์เรย์และมองย้อนกลับ
LastIndexof (): เริ่มต้นจากจุดสิ้นสุดของอาร์เรย์และมองไปข้างหน้า
(12) วิธีการวนซ้ำ
JavaScript มีวิธีการวนซ้ำ 5 วิธีสำหรับอาร์เรย์แต่ละตัวได้รับพารามิเตอร์สองตัว: ฟังก์ชันที่จะเรียกใช้ในแต่ละรายการและวัตถุที่กำหนดขอบเขต (ไม่บังคับ) (ค่าที่มีผลต่อสิ่งนี้) ฟังก์ชั่นที่ส่งผ่านไปยังวิธีการเหล่านี้ได้รับสามพารามิเตอร์: ค่าของรายการอาร์เรย์ตำแหน่งในอาร์เรย์และวัตถุอาร์เรย์เอง
ทุก (): เรียกใช้ฟังก์ชั่นที่กำหนดในแต่ละรายการในอาร์เรย์ หากฟังก์ชั่นส่งคืนจริงสำหรับแต่ละรายการมันจะกลับมาจริง
ตัวกรอง (): เรียกใช้ฟังก์ชั่นที่กำหนดในแต่ละรายการในอาร์เรย์ การส่งคืนอาร์เรย์ซึ่งประกอบด้วยรายการที่ส่งคืนจริงจะส่งคืนฟังก์ชัน
foreach (): เรียกใช้ฟังก์ชั่นที่กำหนดในแต่ละรายการในอาร์เรย์วิธีนี้ไม่ส่งคืนค่า
แผนที่ (): เรียกใช้ฟังก์ชั่นที่กำหนดในแต่ละรายการในอาร์เรย์ส่งคืนอาร์เรย์ที่ประกอบด้วยผลลัพธ์ของการโทรแต่ละฟังก์ชัน
บาง (): เรียกใช้ฟังก์ชั่นที่กำหนดในแต่ละรายการในอาร์เรย์ หากฟังก์ชั่นส่งคืนจริงสำหรับรายการใด ๆ มันจะส่งคืนจริง
ไม่มีวิธีการข้างต้นใด ๆ ที่จะแก้ไขค่าที่รวมอยู่ในอาร์เรย์
ทุก () และผลรวม () ทั้งคู่ใช้เพื่อสอบถามว่ารายการในอาร์เรย์เป็นไปตามเงื่อนไขที่แน่นอน
(13) ลดวิธีการ
สองวิธีต่อไปนี้วนซ้ำรายการทั้งหมดในอาร์เรย์จากนั้นสร้างค่าที่ส่งคืนสุดท้าย ทั้งสองได้รับพารามิเตอร์สองพารามิเตอร์: หนึ่งเรียกฟังก์ชั่นในแต่ละรายการและ (ไม่บังคับ) เป็นค่าเริ่มต้นเพื่อ จำกัด ฐาน ส่งผ่านไปยังทั้งสองวิธีเพื่อรับพารามิเตอร์ 4 ตัว: ค่าก่อนหน้าค่าปัจจุบันดัชนีของรายการและวัตถุอาร์เรย์ ค่าใด ๆ ที่ส่งคืนโดยฟังก์ชั่นนี้จะถูกส่งผ่านไปยังรายการถัดไปโดยอัตโนมัติเป็นพารามิเตอร์แรก การทำซ้ำครั้งแรกเกิดขึ้นในรายการที่สองของอาร์เรย์ดังนั้นพารามิเตอร์แรกคือรายการแรกของอาร์เรย์และพารามิเตอร์ที่สองเป็นรายการที่สองของอาร์เรย์
ลด (): เริ่มต้นด้วยรายการแรกของอาร์เรย์สำรวจทีละหนึ่งไปยังจุดสิ้นสุด คุณสามารถดำเนินการที่สามารถสรุปได้ทั้งหมดในอาร์เรย์
<script type = "text/javascript"> var value = [1,2,3,4,5]; var sum = value.Reduce (ฟังก์ชัน (ก่อนหน้า, cur, ดัชนี, อาร์เรย์) {return prev + cur;}); การแจ้งเตือน (ผลรวม); </script>REDUCERIGHT (): เริ่มต้นจากรายการสุดท้ายของอาร์เรย์และข้ามไปข้างหน้าไปยังรายการแรก คุณสามารถดำเนินการที่สามารถสรุปได้ทั้งหมดในอาร์เรย์
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น