Thay thế và thêm các phần tử là một trong những khía cạnh quan trọng nhất của . Trong bài viết này, chúng ta sẽ hiểu phương thức Splice () trong Javascript theo cách sau:
Phương thức Splice () trong JavaScript là gì?
Phương thức splice () trong JavaScript thay đổi nội dung của một mảng bằng cách xóa hoặc thay thế các phần tử hiện có và / hoặc thêm các phần tử mới.
Cú pháp
array.splice (index, howMany, [element1] [, ..., elementN])
Array.splice (index, remove_count, item_list)
Các tham số của Splice Method () trong JavaScript
Phương thức này chấp nhận nhiều tham số, một số trong số chúng được mô tả dưới đây:
mục lục: Nó là một tham số bắt buộc. Tham số này là chỉ số bắt đầu sửa đổi mảng (với gốc là 0). Điều này cũng có thể là âm, bắt đầu sau đó nhiều phần tử tính từ cuối.
remove_count: Số phần tử được xóa khỏi chỉ mục bắt đầu.
items_list: Danh sách các mục mới được phân tách bằng toán tử dấu phẩy sẽ được chèn từ chỉ mục bắt đầu.
Giá trị trả lại: Trong khi nó thay đổi mảng ban đầu tại chỗ, nó vẫn trả về danh sách các mục đã loại bỏ. Trong trường hợp không có mảng nào bị xóa, nó trả về một mảng trống
bản sao nông và bản sao sâu java
Mã mẫu
Ví dụ 1:
Nhấp vào nút để thêm và xóa các phần tử.
Thử nó
var fruit = ['Banana', 'Orange', 'Apple', 'Mango']
document.getElementById ('demo'). innerHTML = fruit
function myFunction () {
fruit.splice (2, 1, 'Lemon', 'Kiwi')
document.getElementById ('demo'). innerHTML = fruit
}
Ví dụ 2:
Thêm một phần tử vào mảng hiện có trong khi xóa các phần tử khác.
var arr = ['Thứ Hai', 'Thứ Ba', 'Thứ Bảy', 'Chủ Nhật', 'Thứ Năm', 'Thứ Sáu']
var result = arr.splice (2,2, 'Thứ Tư')
document.writeln ('Đã cập nhật mảng:' + arr + '
')document.writeln ('Phần tử đã xóa:' + kết quả)
Ví dụ 3:
Thêm một phần tử vào mảng hiện có trong khi xóa các phần tử khác.
var arr = ['Thứ Hai', 'Thứ Ba', 'Thứ Bảy', 'Chủ Nhật', 'Thứ Năm', 'Thứ Sáu']
var result = arr.splice (2)
document.writeln ('Đã cập nhật mảng:' + arr + '
')document.writeln ('Phần tử đã xóa:' + kết quả)
Với điều này, chúng ta sẽ kết thúc phương thức Splice này () trong bài viết Javascript. Tôi hy vọng bạn đã hiểu về cách sử dụng phương thức splice ().
Kiểm tra của Edureka. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần bình luận của bài viết này và chúng tôi sẽ liên hệ lại với bạn.