ในภาษาการเขียนโปรแกรมอาร์เรย์ (อาร์เรย์) เป็นฟังก์ชั่นที่พบบ่อยมาก พวกเขาเป็นตัวแปรพิเศษที่สามารถใช้ในการจัดเก็บค่าตัวเลขหลายตัวในเวลาเดียวกัน อย่างไรก็ตามเมื่อพูดถึง JavaScript มีสิ่งอื่น ๆ อีกมากมายให้สำรวจ
ในบทความนี้เราจะหารือเกี่ยวกับคุณสมบัติทั่วไปสามประการของอาร์เรย์ JavaScript
1. เพิ่มคุณสมบัติที่กำหนดเองลงในอาร์เรย์
เมื่อค้นหาคำจำกัดความเกี่ยวกับอาร์เรย์ JavaScript ออนไลน์คุณจะพบว่าเกือบทุกคนมีคำจำกัดความของอาร์เรย์เดียวกัน: วัตถุ
ในความเป็นจริงทุกสิ่งที่เราดำเนินการกับ JavaScript ถือได้ว่าเป็นวัตถุ มีข้อมูลสองประเภทใน JavaScript ประเภทพื้นฐานคือประเภทวัตถุ แต่ประเภทพื้นฐานนั้นรวมอยู่ในประเภทวัตถุ
อาร์เรย์ฟังก์ชั่นและวันที่เป็นวัตถุที่กำหนดไว้ล่วงหน้าทั้งหมดในจาวาสคริปต์และพวกมันทั้งหมดมีวิธีการคุณสมบัติและไวยากรณ์มาตรฐานที่เกี่ยวข้อง
อาร์เรย์ JavaScript มีคุณสมบัติที่แตกต่างกันสามประการต่อไปนี้:
1) ดัชนีของอาร์เรย์เป็นแอตทริบิวต์ด้วย
2) คุณสมบัติในตัว
3) คุณสามารถเพิ่มคุณสมบัติที่กำหนดเองด้วยตัวเอง
คุณลักษณะสองประการแรกเป็นที่รู้จักกันดีสำหรับทุกคน คุณอาจใช้พวกเขาทุกวัน แต่ฉันยังต้องการที่จะพูดอีกสองสามคำที่นี่จากนั้นมาพูดคุยเกี่ยวกับวิธีเพิ่มแอตทริบิวต์ที่กำหนดเองในอาร์เรย์
ใช้ดัชนีเป็นคุณสมบัติ
อาร์เรย์ JavaScript สามารถใช้ไวยากรณ์วงเล็บสี่เหลี่ยมจัตุรัสเช่น var ary = ["สีส้ม", "Apple", "Lychee"];
ดัชนีขององค์ประกอบอาร์เรย์นั้นเป็นคุณสมบัติโดยทั่วไปและชื่อของคุณสมบัติจะเป็นจำนวนเต็มที่ไม่เป็นลบอยู่เสมอ
คู่องค์ประกอบดัชนีของอาร์เรย์คล้ายกับคู่ค่าคีย์ของวัตถุ ดัชนีเป็นคุณสมบัติที่ไม่ซ้ำกันของวัตถุอาร์เรย์ซึ่งแตกต่างจากคุณสมบัติในตัวอื่น ๆ ซึ่งสามารถกำหนดค่าเป็นรายบุคคลผ่านวงเล็บสี่เหลี่ยมจัตุรัสเช่น ARY [3] = "Peach";
คุณสมบัติในตัว
อาร์เรย์มีคุณสมบัติในตัวเช่น Array.Length คุณสมบัติความยาวนี้มีค่าจำนวนเต็มที่แสดงถึงความยาวของอาร์เรย์
โดยทั่วไปแล้วคุณสมบัติในตัวสามารถพบได้ในวัตถุจาวาสคริปต์ที่กำหนดไว้ล่วงหน้าเช่นอาร์เรย์ คุณสมบัติในตัวจะรวมกับวิธีการในตัวซึ่งสามารถปรับแต่งวัตถุธรรมดาเพื่อตอบสนองความต้องการที่แตกต่างกัน
เมื่อเข้าถึงคุณสมบัติในตัวคุณสามารถใช้สองไวยากรณ์: Object.key หรือ Object ["Key"] นั่นคือเมื่อคุณได้รับความยาวของอาร์เรย์คุณสามารถเขียนมันเป็น ary ["ความยาว"]
สร้างคุณสมบัติที่กำหนดเองสำหรับวัตถุอาร์เรย์
ตอนนี้เรามาพูดถึงวิธีเพิ่มคุณสมบัติที่กำหนดเองในอาร์เรย์ อาร์เรย์เป็นวัตถุที่กำหนดไว้ล่วงหน้าซึ่งเก็บค่าชนิดต่าง ๆ ในดัชนีที่แตกต่างกัน
โดยปกติเราไม่จำเป็นต้องเพิ่มแอตทริบิวต์ที่กำหนดเองในอาร์เรย์ ด้วยเหตุนี้เมื่อเราเรียนรู้ JavaScript ครั้งแรกไม่มีใครบอกเราว่าเราสามารถเพิ่มคุณลักษณะให้กับอาร์เรย์ได้ ในความเป็นจริงหากคุณต้องการเพิ่มคู่ค่าคีย์ให้กับอาร์เรย์เช่นคุณปฏิบัติกับวัตถุทั่วไปคุณยังสามารถใช้วัตถุทั่วไปเพื่อให้บรรลุเป้าหมายของคุณ อย่างไรก็ตามนี่ไม่ได้หมายความว่าไม่มีกรณีพิเศษเลยในบางกรณีคุณสามารถใช้ประโยชน์จากความจริงที่ว่าอาร์เรย์เป็นวัตถุและเพิ่มคุณสมบัติที่กำหนดเองอย่างน้อยหนึ่งอย่าง
ตัวอย่างเช่นคุณสามารถเพิ่มคุณสมบัติที่กำหนดเองให้กับอาร์เรย์ที่จดจำองค์ประกอบ "ชนิด" หรือ "คลาส" สำหรับรายละเอียดโปรดดูตัวอย่างด้านล่าง:
var ary = ["Orange", "Apple", "Lychee"]; ary.itemclass = "Fruits"; console.log (ary + "คือ" + ary.itemclass);
โปรดทราบว่าคุณสมบัติที่กำหนดเองที่คุณเพิ่มลงในอาร์เรย์นั้นนับได้นั่นคือพวกเขาสามารถเลือกได้โดยลูปเช่นสำหรับ ... ใน
2. วนในองค์ประกอบอาร์เรย์
คุณอาจพูดว่า "ฉันรู้จักสิ่งนี้มานานแล้ว" ถูกต้องคุณรู้วิธีการจัดทำดัชนีองค์ประกอบอาร์เรย์อยู่แล้ว แต่คุณอาจรู้สึกว่าคำแถลง "การวนลูปในองค์ประกอบอาร์เรย์" เป็นนามธรรมเล็กน้อยเพราะสิ่งที่เราวนรอบคือดัชนีของอาร์เรย์
เนื่องจากดัชนีอาร์เรย์ทั้งหมดประกอบด้วยจำนวนเต็มที่ไม่เป็นลบเรามักจะเริ่มต้นจาก 0 จนกระทั่งความยาวทั้งหมดของอาร์เรย์เป็นซ้ำมากกว่าค่าจำนวนเต็มจากนั้นใช้ค่าซ้ำ ๆ เพื่อให้ได้องค์ประกอบอาร์เรย์ตามดัชนีเฉพาะ
อย่างไรก็ตามเนื่องจาก ECMAScript6 ปรากฏขึ้นเราจึงไม่สามารถสนใจดัชนีและวนซ้ำได้อีกต่อไปในค่าอาร์เรย์และการดำเนินการนี้สามารถทำได้โดยใช้ A สำหรับ ... ของลูป
ในอาร์เรย์สำหรับ ... ของลูปสามารถวนองค์ประกอบอาร์เรย์ตามลำดับของดัชนี กล่าวอีกนัยหนึ่งมันสามารถควบคุมการวนซ้ำของดัชนีและรับค่าอาร์เรย์ที่มีอยู่ตามดัชนีที่กำหนด ลูปนี้ใช้งานได้จริงมากหากคุณต้องการวนรอบองค์ประกอบอาร์เรย์ทั้งหมดและใช้งาน
var ary = ["Orange", "Apple", "Lychee"]; สำหรับ (ให้รายการของ ary) {console.log (รายการ);} สำหรับการเปรียบเทียบกับลูปปกติสำหรับเราได้รับดัชนีแทนค่าเป็นเอาต์พุต var ary = ["Orange", "Apple", "Lychee"]; สำหรับ (var item = 0; item <ary.length; item ++) {console.log (รายการ);}3. จำนวนองค์ประกอบไม่เท่ากับความยาว
โดยทั่วไปเมื่อเราพูดถึงความยาวอาร์เรย์เราคิดว่าความยาวของมันคือจำนวนค่าอาร์เรย์หรือความยาวที่เราตั้งไว้สำหรับอาร์เรย์ด้วยตนเอง แต่ในความเป็นจริงความยาวของอาร์เรย์ขึ้นอยู่กับดัชนีที่ใหญ่ที่สุดที่มีอยู่ภายใน
ความยาวเป็นคุณสมบัติที่ยืดหยุ่นมาก ไม่ว่าคุณจะปรับความยาวของอาร์เรย์หรือไม่ตราบใดที่คุณเพิ่มค่าใหม่ให้กับอาร์เรย์ความยาวของมันก็จะเพิ่มขึ้นเช่นกัน
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length);
ในตัวอย่างด้านบนคุณจะเห็นว่าฉันระบุค่าเดียวกับดัชนี 5 ของอาร์เรย์และจากนั้นความยาวก็กลายเป็น 6 ตอนนี้ถ้าคุณคิดว่าคุณเพิ่มค่าลงในดัชนี 5 และอาร์เรย์จะสร้างดัชนี 0-4 โดยอัตโนมัติการเก็งกำไรของคุณจะผิด ไม่มีดัชนี 0-4 ที่ควรมีอยู่ในอาร์เรย์ คุณสามารถใช้ตัวดำเนินการในเพื่อดู
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length); console.log (0 ใน ary);
อาร์เรย์ ARY ข้างต้นถูกสร้างขึ้นเป็นอาร์เรย์ที่กระจัดกระจายโดยเรา ดัชนีของอาร์เรย์นี้จะไม่ถูกสร้างขึ้นอย่างต่อเนื่องและมีอากาศระหว่างดัชนี ตรงกันข้ามกับอาร์เรย์กระจัดกระจายคืออาร์เรย์ที่หนาแน่น ดัชนีของอาร์เรย์หนาแน่นถูกสร้างขึ้นอย่างต่อเนื่องโดยมีจำนวนองค์ประกอบเท่ากับความยาว
คุณสมบัติความยาวของอาร์เรย์ยังสามารถใช้เพื่อลดจำนวนตัวเลขเพื่อให้แน่ใจว่าจำนวนสูงสุดของดัชนีในอาร์เรย์มักจะเล็กกว่าอาร์เรย์เสมอเพราะโดยค่าเริ่มต้นค่าความยาวจะมากกว่าจำนวนดัชนีสูงสุดเสมอ
ในตัวอย่างด้านล่างคุณจะเห็นว่าฉันใช้วิธีลดความยาวของอาร์เรย์ ARY ให้กับชุมชนองค์ประกอบในดัชนี 5
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length); ary.length = 2; console.log (ary.length); console.log (ary [5]);
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น