ประสิทธิภาพเป็นสิ่งสำคัญมากเมื่อมีแผนจะเขียนโค้ดโซลูชัน วัตถุอาร์เรย์ใน ประกอบด้วยวิธีการต่างๆ วิธีการเหล่านี้ใช้ในรหัสเพื่อการทำงานที่มีประสิทธิภาพ บทความนี้จะเน้นไปที่ Array Methods ต่างๆใน JavaScript
คำแนะนำต่อไปนี้จะปรากฏในบทความนี้:
- วิธี Concat
- วิธี CopyWithin
- ทุกวิธี
- วิธี ToString
- เข้าร่วมวิธีการ
- วิธีการป๊อปและดัน
- Shift และ Unshift วิธี
- วิธีการประกบ
- วิธี Slice
- สำหรับแต่ละวิธี
ให้เราดำเนินการต่อในหัวข้อแรกของบทความนี้
Array Methods ใน JavaScript
วิธี Concat
concat () วิธีการรวมอาร์เรย์ 2 อาร์เรย์ขึ้นไปจากนั้นส่งคืนสำเนาของอาร์เรย์ที่เข้าร่วม
var ตัวอักษร = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)ในตัวอย่างที่ระบุวิธีการ concat จะรวมตัวอักษรอาร์เรย์สองตัวและ num และส่งกลับอาร์เรย์ที่เรียงต่อกันใหม่: AlphabetNum
เอาท์พุต:
การซิงโครไนซ์เธรดในตัวอย่าง java
AlphabetNum: r, s, t, 5,6,7
ต่อไปคือวิธี CopyWithin
วิธี CopyWithin
วิธี copyWithin () ที่มีอยู่ใน JavaScript ใช้เพื่อคัดลอกส่วนหนึ่งของอาร์เรย์ลงในอาร์เรย์เดียวกันแล้วส่งกลับ
ไวยากรณ์:
array.copyWithin (เป้าหมายเริ่มต้นสิ้นสุด)
วิธีนี้ประกอบด้วยพารามิเตอร์สามตัว:
- เป้าหมาย: ตำแหน่งดัชนีที่จะคัดลอกองค์ประกอบ จำเป็นต้องระบุเป้าหมาย
- เริ่มต้น: ตำแหน่งดัชนีที่จะเริ่มคัดลอกองค์ประกอบจาก เป็นทางเลือก ค่าเริ่มต้นของ start คือ 0
- สิ้นสุด: ตำแหน่งดัชนีเพื่อสิ้นสุดกระบวนการคัดลอกองค์ประกอบ นี่เป็นพารามิเตอร์ทางเลือกเช่นกันและค่าดีฟอลต์คือ ความยาว .
var number = ['หนึ่ง', 'สอง', 'สาม', 'สี่', 'ห้า', 'หก', 'เจ็ด'] document.write (หมายเลข) document.write ('
'+ number.copyWithin (3,0,4))เอาท์พุต:
หนึ่งสองสามสี่ห้าหกเจ็ด
หนึ่งสองสามหนึ่งสองสามสี่
ดังที่แสดงในตัวอย่างค่าในอาร์เรย์จะถูกคัดลอกไปยังอาร์เรย์เดียวกัน ดัชนีเป้าหมายคือ: 3 ดัชนีเริ่มต้นคือ: 0 และดัชนีสิ้นสุดคือ: 4
บิตถัดไปในเมธอด Array นี้ในจาวาสคริปต์คือ
ทุกวิธี
วิธีนี้จะตรวจสอบหรือตรวจสอบว่าองค์ประกอบทั้งหมดที่มีอยู่ในอาร์เรย์เป็นไปตามเงื่อนไขที่ระบุหรือไม่ ไวยากรณ์ของวิธีการมีดังนี้:
array.every (ฟังก์ชัน [This_arg])
อาร์กิวเมนต์สำหรับฟังก์ชันนี้เป็นฟังก์ชันอื่น เป็นการกำหนดเงื่อนไขที่ต้องตรวจสอบ มีอาร์กิวเมนต์ดังนี้
- Array: อาร์เรย์ที่เรียกใช้ฟังก์ชัน every () เป็นอาร์กิวเมนต์ที่เป็นทางเลือก
- ดัชนี: ดัชนีขององค์ประกอบปัจจุบัน สิ่งนี้ก็เป็นทางเลือกเช่นกัน
- องค์ประกอบ: องค์ประกอบปัจจุบันที่กำลังประมวลผลโดยฟังก์ชัน จำเป็นต้องใช้อาร์กิวเมนต์นี้
this_arg ใช้เพื่อบอกฟังก์ชันที่จะใช้ นี้ มูลค่า. ในตัวอย่างต่อไปนี้เราตรวจสอบว่าแต่ละองค์ประกอบในอาร์เรย์เป็นบวกหรือไม่
function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // ตรวจสอบจำนวนบวกค่า var = array ทุกเอกสาร (positive) .write (ค่า)} func ()ต้องสังเกตว่าฟังก์ชันส่งคืนค่าเป็นจริงหรือเท็จ เนื่องจากองค์ประกอบทั้งหมดที่มีอยู่ในอาร์เรย์เป็นค่าบวกผลลัพธ์จะเป็น:
จริง
ต่อไปคือวิธี ToString
วิธี ToString
วิธีนี้จะแปลงตัวเลขเป็นสตริง สามารถแปลงตัวเลขได้โดยระบุค่าฐานเช่นกัน
หมายเลข var = 569 document.write ('เอาต์พุต:' + number.toString ())ในตัวอย่างที่ระบุเมธอด toString () ถูกเรียกโดยไม่มีพารามิเตอร์หรือค่าพื้นฐาน
เอาท์พุต:
เรียงลำดับอาร์เรย์ c ++ จากมากไปหาน้อย
569
ตอนนี้ให้เราดูวิธีการเข้าร่วม
เข้าร่วมวิธีการ
วิธี join () จะรวมทุกองค์ประกอบที่มีอยู่ในอาร์เรย์ นอกจากนี้เราสามารถระบุตัวคั่นเพื่อแยกองค์ประกอบได้
var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document เขียน('
สตริง: '+ string) var string = a.join (' + ') document.write ('
สตริง: '+ สตริง)ในตัวอย่างที่ให้มาวิธีแรกของการรวมไม่มีตัวคั่นใด ๆ ดังนั้นจึงใช้ตัวคั่นเริ่มต้น อีกสองวิธีคือ“ *“ และ“ +” เป็นตัวดำเนินการที่ระบุ
เอาท์พุต:
สตริง: ฉันรักดนตรี
สตริง: I * Love * Music
สตริง: I + Love + Music
ถัดไปในบทความนี้เกี่ยวกับวิธีการอาร์เรย์บนจาวาสคริปต์คือ
วิธีการป๊อปและดัน
วิธีการ pop () จะลบองค์ประกอบออกจากส่วนท้ายของอาร์เรย์เหมือนกับสแต็ก ในทางกลับกันวิธีการ push () จะเพิ่มองค์ประกอบที่ส่วนท้ายของอาร์เรย์
วิธีการใช้แนวคิดของ LIFO (Last-In-First-Out)
['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']
โค้ดจะลบองค์ประกอบสุดท้ายในอาร์เรย์เช่น“ Jazz”
วิธี push () จะต่อท้ายองค์ประกอบกลับไปที่อาร์เรย์
['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']ให้เราก้าวต่อไป
Shift และ Unshift วิธี
shift () วิธีการลบองค์ประกอบจากจุดเริ่มต้นของอาร์เรย์ ในทางกลับกันวิธี unshift () จะเพิ่มองค์ประกอบกลับไปที่จุดเริ่มต้นของอาร์เรย์
['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']
โค้ดจะลบองค์ประกอบแรกเช่น Rock ออกจากอาร์เรย์
เมื่อใช้วิธี unshift () 'Rock' จะถูกเพิ่มกลับไปที่อาร์เรย์
['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock”,“ Metal', 'Blues', 'Jazz']เราอยู่ในบิตสุดท้ายของเมธอดอาร์เรย์นี้ในบล็อกจาวาสคริปต์
วิธีการประกบ
วิธีการ splice () จะลบเฉพาะหรือบางส่วนของอาร์เรย์ พิสูจน์ได้ว่าเป็นวิธีการที่ชาญฉลาดในการลบแทนที่หรือเพิ่มองค์ประกอบในอาร์เรย์
สำหรับโปรแกรมวนซ้ำใน java
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // เริ่มต้นที่ตำแหน่งดัชนี 2 ลบองค์ประกอบหนึ่งรายการ ['Rock', 'Metal', 'Jazz'] .splice (2,2) // เริ่มต้นที่ตำแหน่งดัชนี 2 ลบสององค์ประกอบ ['Rock', 'Metal']
ในตัวอย่างข้างต้นวิธี slice จะลบองค์ประกอบตามดัชนีที่ระบุ
“ บลูส์” ถูกนำออกจากตัวอย่างแรกเนื่องจากวางไว้ที่ดัชนี 2
ในตัวอย่างที่สององค์ประกอบ 2 รายการ ได้แก่ 'Blues' และ 'Jazz' จะถูกลบออกเนื่องจากดัชนีระบุว่าต้องลบ 2 องค์ประกอบเริ่มต้นที่ดัชนี 2
ต้องสังเกตว่าอาร์เรย์ถูกจัดทำดัชนีเป็นศูนย์ใน JavaScript
วิธี Slice
วิธี slice () จะแบ่งองค์ประกอบออกจากอาร์เรย์เริ่มต้นและส่งคืนอาร์เรย์ใหม่ที่มีองค์ประกอบนั้น ต้องสังเกตว่าวิธี slice () ไม่ได้ลบองค์ประกอบใด ๆ ออกจากอาร์เรย์เริ่มต้น
var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) เอกสาร .เขียน('
array.slice (1, 3): '+ array.slice (1, 3))ผลลัพธ์ของรหัสต่อไปนี้มีดังนี้:
array.slice (1, 2): ป๊อป
array.slice (1, 3): Pop, Jazz
วิธีสุดท้ายในเมธอดอาร์เรย์นี้ในจาวาสคริปต์คือ
สำหรับแต่ละวิธี
วิธีนี้เรียกใช้ฟังก์ชันสำหรับแต่ละองค์ประกอบที่มีอยู่ในอาร์เรย์
function funct () {// initial array const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} ฟังก์ชั่น ()ในตัวอย่างเราคำนวณกำลังสองของทุกองค์ประกอบที่มีอยู่ในอาร์เรย์
ผลลัพธ์มีดังนี้:
4,324,784
ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของบล็อกนี้ใน 'Array Method In JavaScript' ฉันหวังว่าคุณจะพบข้อมูลนี้และเป็นประโยชน์โปรดติดตามบทช่วยสอนเพิ่มเติมในหัวข้อที่คล้ายกันคุณสามารถชำระเงินโปรแกรมการฝึกอบรมของเราได้o รับความรู้เชิงลึกเกี่ยวกับ jQuery พร้อมกับแอพพลิเคชั่นต่างๆที่คุณทำได้ สำหรับการฝึกอบรมออนไลน์สดพร้อมการสนับสนุนตลอด 24 ชั่วโมงทุกวันและการเข้าถึงตลอดชีวิต
มีคำถามสำหรับเรา? พูดถึงพวกเขาในส่วนความคิดเห็นของบล็อกนี้แล้วเราจะติดต่อกลับไป