ความแข็งแรงของอาร์เรย์ JavaScript อยู่ในวิธีการอาร์เรย์
แปลงอาร์เรย์สตริง
จาวาสคริปต์วิธี toString() แปลงอาร์เรย์เพื่อสตริง (คั่นด้วยเครื่องหมายจุลภาค) ค่าอาร์เรย์
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
ผล
Banana,Orange,Apple,Mango
ลองตัวเอง» join() วิธีการนี้ยังร่วมกับองค์ประกอบมากมายทั้งหมดเป็นสตริง
มันจะทำงานเช่นเดียวกับ toString() แต่ในนอกจากนี้คุณสามารถระบุคั่น:
ตัวอย่าง
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
ผล
Banana * Orange * Apple * Mango ลองตัวเอง» popping และผลักดัน
เมื่อคุณทำงานกับอาร์เรย์มันเป็นเรื่องง่ายที่จะเอาองค์ประกอบและเพิ่มองค์ประกอบใหม่
นี่คือสิ่งที่ popping และผลักดันคือ
popping รายการจากอาร์เรย์หรือผลักดันรายการลงในอาร์เรย์
popping
pop() วิธีการเอาองค์ประกอบสุดท้ายจากอาร์เรย์:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits ลองตัวเอง» pop() วิธีการส่งกลับค่าที่ถูก "โผล่ออกมา"
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango" ลองตัวเอง» ใจเร่งเร้า
push() วิธีการเพิ่มองค์ประกอบใหม่ไปยังอาร์เรย์ (ที่สิ้นสุด):
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits ลองตัวเอง» push() วิธีการส่งกลับความยาวแถวใหม่:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi");
// the value of x is 5 ลองตัวเอง» ขยับองค์ประกอบ
ขยับจะเทียบเท่ากับ popping ทำงานในองค์ประกอบแรกแทนของสุดท้าย
shift() วิธีการเอาองค์ประกอบแถวแรกและ "กะ" องค์ประกอบอื่น ๆ ทั้งหมดเพื่อดัชนีที่ต่ำกว่า
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
ลองตัวเอง» unshift() วิธีการเพิ่มองค์ประกอบใหม่ไปยังอาร์เรย์ (ที่จุดเริ่มต้น) และ "unshifts" องค์ประกอบเก่า:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
ลองตัวเอง» shift() วิธีการส่งกลับสตริงที่ "ขยับออก"
unshift() วิธีการส่งกลับความยาวแถวใหม่
การเปลี่ยนแปลงองค์ประกอบ
องค์ประกอบมากมายที่มีการเข้าถึงโดยใช้หมายเลขดัชนีของพวกเขา
ดัชนีอาร์เรย์เริ่มต้นด้วย 0. [0] เป็นองค์ประกอบอาร์เรย์แรก [1] เป็นครั้งที่สอง [2] เป็นครั้งที่สาม ...
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi" ลองตัวเอง» คุณสมบัติความยาวให้เป็นวิธีที่ง่ายต่อการผนวกองค์ประกอบใหม่ไปยังอาร์เรย์:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit ลองตัวเอง» องค์ประกอบลบ
ตั้งแต่อาร์เรย์ JavaScript เป็นวัตถุธาตุจะถูกลบโดยใช้ตัวดำเนินการ JavaScript delete :
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined ลองตัวเอง» ใช้ delete อาจจะออกจากหลุมไม่ได้กำหนดในอาร์เรย์ ใช้ pop() หรือ shift() แทน
ประกบอาร์เรย์
splice() วิธีการที่สามารถใช้เพื่อเพิ่มรายการใหม่ไปยังอาร์เรย์:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
ลองตัวเอง» พารามิเตอร์แรก (2) กำหนดตำแหน่งที่องค์ประกอบใหม่ควรจะเพิ่ม (แต่งงานใน)
พารามิเตอร์ที่สอง (0) กำหนดวิธีการหลายองค์ประกอบที่ควรจะออก
ส่วนที่เหลือของพารามิเตอร์ ( "Lemon" , "Kiwi" ) กำหนดองค์ประกอบใหม่ที่จะเพิ่ม
ใช้ splice() เพื่อลบองค์ประกอบ
ด้วยการตั้งค่าพารามิเตอร์ฉลาดคุณสามารถใช้ splice() ในการลบองค์ประกอบโดยไม่ต้องออก "หลุม" ในอาร์เรย์:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
ลองตัวเอง» พารามิเตอร์แรก (0) กำหนดตำแหน่งที่องค์ประกอบใหม่ควรจะเพิ่ม (แต่งงานใน)
พารามิเตอร์ที่สอง (1) กำหนดวิธีการหลายองค์ประกอบที่ควรจะออก
ส่วนที่เหลือของพารามิเตอร์ที่จะถูกตัดออก ไม่มีองค์ประกอบใหม่จะถูกเพิ่ม
เรียงลำดับอาร์เรย์
sort() วิธีการเรียงลำดับอาร์เรย์ตามลำดับตัวอักษร:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
ลองตัวเอง» ย้อนกลับอาร์เรย์
reverse() วิธีการฝืนองค์ประกอบในอาร์เรย์
คุณสามารถใช้มันในการเรียงลำดับอาร์เรย์ในลำดับจากมากไปน้อยคือ:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
fruits.reverse();
// Reverses the order of the elements ลองตัวเอง» ตัวเลขเรียง
โดยค่าเริ่มต้น sort() ฟังก์ชั่นการเรียงลำดับค่าเป็นสตริง
นี้ทำงานได้ดีสำหรับสตริง ( "Apple" มาก่อน "Banana" )
แต่ถ้าตัวเลขจะถูกเรียงเป็นสตริง, "25" มีขนาดใหญ่กว่า "100" เพราะ "2" มีขนาดใหญ่กว่า "1"
ด้วยเหตุนี้การ sort() วิธีการจะผลิตผลลัพธ์ไม่ถูกต้องเมื่อเรียงลำดับหมายเลข
คุณสามารถแก้ไขปัญหานี้โดยการให้ฟังก์ชั่นเปรียบเทียบ:
หรือ
ใช้เคล็ดลับเดียวกันจะเรียงลำดับจากมากไปน้อยอาร์เรย์:
หรือ
เปรียบเทียบฟังก์ชั่น
วัตถุประสงค์ของฟังก์ชั่นการเปรียบเทียบคือการกำหนดลำดับการจัดเรียงทางเลือก
ฟังก์ชั่นการเปรียบเทียบควรกลับเชิงลบศูนย์หรือค่าบวกขึ้นอยู่กับข้อโต้แย้ง:
function(a, b){return a-b}
เมื่อ sort() ฟังก์ชั่นเปรียบเทียบสองค่าก็จะส่งค่าไปยังฟังก์ชันเปรียบเทียบและเรียงลำดับค่าให้เป็นไปตามกลับมา (ลบศูนย์บวก) มูลค่า
ตัวอย่าง:
เมื่อเปรียบเทียบ 40 และ 100 การ sort() วิธีการเรียกเปรียบเทียบ function(40,100)
ฟังก์ชั่นคำนวณ 40-100 และผลตอบแทน -60 (เป็นค่าลบ)
ฟังก์ชั่นการเรียงลำดับจะเรียงลำดับ 40 เป็นค่าต่ำกว่า 100
ค้นหาสูงสุด (ต่ำสุด) มูลค่า
วิธีการหาค่าสูงสุดในอาร์เรย์?
ตัวอย่าง
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value ลองตัวเอง» และต่ำสุด:
ตัวอย่าง
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value ลองตัวเอง» เข้าร่วมอาร์เรย์
concat() วิธีการสร้างอาร์เรย์ใหม่โดยการเชื่อมโยงสองอาร์เรย์:
ตัวอย่าง
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
ลองตัวเอง» concat() วิธีการสามารถใช้จำนวนของอาร์กิวเมนต์อาร์เรย์ใด ๆ
ตัวอย่าง
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
ลองตัวเอง» หั่นอาร์เรย์
slice() วิธีชิ้นออกชิ้นส่วนของอาร์เรย์เป็นแถวใหม่
ตัวอย่างนี้ออกชิ้นส่วนหนึ่งของอาร์เรย์ที่เริ่มต้นจากองค์ประกอบอาร์เรย์ 1 (เป็น "Orange" ):
ตัวอย่าง
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
ลองตัวเอง» slice() วิธีการสร้างแถวใหม่ มันไม่ได้ลบองค์ประกอบใด ๆ จากแถวแหล่งที่มา
ตัวอย่างนี้ออกชิ้นส่วนหนึ่งของอาร์เรย์ที่เริ่มต้นจากองค์ประกอบอาร์เรย์ 3 (ก "Apple" ):
ตัวอย่าง
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
ลองตัวเอง» slice() method สามารถใช้เวลาสองข้อโต้แย้งเช่น slice(1,3)
วิธีการจากนั้นเลือกองค์ประกอบจากอาร์กิวเมนต์เริ่มต้นและขึ้นไป ( แต่ไม่รวม) อาร์กิวเมนต์ท้ายที่สุด
ตัวอย่าง
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
ลองตัวเอง» ถ้าอาร์กิวเมนต์ท้ายถูกละไว้เหมือนในตัวอย่างแรก slice() วิธีการชิ้นส่วนที่เหลือของอาร์เรย์
ตัวอย่าง
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
ลองตัวเอง» valueOf() วิธี
valueOf() วิธีการคือลักษณะการทำงานเริ่มต้นสำหรับอาร์เรย์ มันจะแปลงอาร์เรย์เป็นค่าดั้งเดิม
JavaScript อัตโนมัติจะแปลงอาร์เรย์สตริงเมื่อมูลค่าที่คาดว่าดั้งเดิม
ด้วยเหตุนี้ตัวอย่างทั้งหมดเหล่านี้จะสร้างผลลัพธ์เหมือนกัน:
ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
ลองตัวเอง» ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
ลองตัวเอง» ตัวอย่าง
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
ลองตัวเอง» วัตถุทั้งหมด JavaScript มี valueOf() และ toString() วิธีการ
อ้างอิงอาร์เรย์ที่สมบูรณ์
สำหรับการอ้างอิงเสร็จสมบูรณ์ไปของเรา อ้างอิงอาร์เรย์ JavaScript สมบูรณ์
การอ้างอิงที่มีคำอธิบายและตัวอย่างของทุกคุณสมบัติที่หลากหลายและวิธีการ
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 »