การเปลี่ยนและการเพิ่มองค์ประกอบเป็นสิ่งที่สำคัญที่สุดอย่างหนึ่งของ . ในบทความนี้เราจะเข้าใจเมธอด Splice () ใน Javascript ในลักษณะต่อไปนี้:
Splice Method () ใน JavaScript คืออะไร?
วิธีการ splice () ใน JavaScript จะเปลี่ยนเนื้อหาของอาร์เรย์โดยการลบหรือแทนที่องค์ประกอบที่มีอยู่และ / หรือเพิ่มองค์ประกอบใหม่
ไวยากรณ์
array.splice (ดัชนี, howMany, [element1] [, ... , elementN])
Array.splice (ดัชนี, remove_count, item_list)
พารามิเตอร์ของ Splice Method () ใน JavaScript
วิธีนี้ยอมรับพารามิเตอร์จำนวนมากซึ่งบางส่วนได้อธิบายไว้ด้านล่าง:
ดัชนี: เป็นพารามิเตอร์ที่จำเป็น พารามิเตอร์นี้คือดัชนีที่เริ่มแก้ไขอาร์เรย์ (โดยมีจุดเริ่มต้นที่ 0) สิ่งนี้สามารถเป็นลบได้เช่นกันซึ่งเริ่มต้นหลังจากนั้นหลายองค์ประกอบนับจากจุดสิ้นสุด
remove_count: จำนวนองค์ประกอบที่จะลบออกจากดัชนีเริ่มต้น
items_list: รายการของรายการใหม่ที่คั่นด้วยตัวดำเนินการลูกน้ำที่จะถูกแทรกจากดัชนีเริ่มต้น
มูลค่าผลตอบแทน: แม้ว่าจะกลายพันธุ์อาร์เรย์เดิมในตำแหน่ง แต่ก็ยังส่งคืนรายการที่ถูกลบออก ในกรณีที่ไม่มีอาร์เรย์ที่ถูกลบออกจะส่งคืนอาร์เรย์ว่าง
การแปลงสตริงเป็นวันที่ใน java
ตัวอย่างรหัส
ตัวอย่างที่ 1:
คลิกปุ่มเพื่อเพิ่มและลบองค์ประกอบ
ลองมัน
var fruits = ['กล้วย', 'ส้ม', 'แอปเปิ้ล', 'มะม่วง']
document.getElementById ('สาธิต'). innerHTML = ผลไม้
ฟังก์ชัน myFunction () {
Fruits.splice (2, 1, 'มะนาว', 'กีวี')
document.getElementById ('สาธิต'). innerHTML = ผลไม้
}
ตัวอย่างที่ 2:
เพิ่มองค์ประกอบในอาร์เรย์ที่มีอยู่ในขณะที่ลบองค์ประกอบอื่น ๆ
var arr = ['จันทร์', 'อังคาร', 'เสาร์', 'อาทิตย์', 'พฤหัสบดี', 'ศุกร์']
ผล var = arr.splice (2,2, 'วันพุธ')
document.writeln ('อัปเดตอาร์เรย์:' + arr + '
')document.writeln ('องค์ประกอบที่ถูกลบ:' + ผลลัพธ์)
ตัวอย่างที่ 3:
เพิ่มองค์ประกอบในอาร์เรย์ที่มีอยู่ในขณะที่ลบองค์ประกอบอื่น ๆ
var arr = ['จันทร์', 'อังคาร', 'เสาร์', 'อาทิตย์', 'พฤหัสบดี', 'ศุกร์']
ผล var = arr.splice (2)
document.writeln ('อัปเดตอาร์เรย์:' + arr + '
')document.writeln ('องค์ประกอบที่ถูกลบ:' + ผลลัพธ์)
ด้วยเหตุนี้เราจึงสิ้นสุดเมธอด Splice () นี้ในบทความ Javascript ฉันหวังว่าคุณจะเข้าใจวิธีการใช้วิธีการต่อสาย ()
ตรวจสอบไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทความนี้แล้วเราจะติดต่อกลับไป