HomeLập trìnhJavaScriptMối nối JavaScript...

Mối nối JavaScript – Cách sử dụng Phương thức mảng .splice() JS


Các splice() phương thức là một phương thức tích hợp sẵn cho các đối tượng Mảng JavaScript. Nó cho phép bạn thay đổi nội dung của mảng bằng cách loại bỏ hoặc thay thế các phần tử hiện có bằng phần tử mới.

Phương thức này sửa đổi mảng ban đầu và trả về các phần tử đã bị xóa dưới dạng một mảng mới.

Trong hướng dẫn này, bạn sẽ học cách loại bỏ, thêm hoặc thay thế các phần tử của một mảng bằng cách sử dụng splice() phương pháp. Trước tiên hãy bắt đầu với việc loại bỏ các phần tử khỏi một mảng.

Cách xóa phần tử mảng bằng splice()

Ví dụ: giả sử bạn có một mảng có tên months nhưng bạn có một số tên ngày trong mảng như sau:

let months = ["January", "February", "Monday", "Tuesday"];
Một mảng hỗn hợp của tên tháng và ngày

Bạn có thể dùng splice() phương pháp để loại bỏ tên ngày từ months phương thức và thêm nó vào một mảng mới cùng một lúc:

let months = ["January", "February", "Monday", "Tuesday"];
let days = months.splice(2);

console.log(days); // ["Monday", "Tuesday"]
Tạo một mảng ngày

Các splice() phương thức cần ít nhất một tham số, đó là start chỉ mục nơi hoạt động nối bắt đầu. Trong đoạn mã trên, số 2 được truyền cho phương thức, có nghĩa là splice() sẽ bắt đầu xóa các phần tử khỏi chỉ mục 2.

Bạn cũng có thể xác định có bao nhiêu phần tử bạn muốn loại bỏ khỏi mảng bằng cách chuyển một giây number lập luận được gọi là removeCount. Ví dụ: để xóa chỉ một phần tử, bạn có thể chuyển số 1 như thế này:

Đọc thêm  Hướng dẫn JavaScript tốt nhất
let months = ["January", "February", "Monday", "Tuesday"];
let days = months.splice(2, 1);

console.log(days); // ["Monday"]
console.log(months); // ["January", "February", "Tuesday"]
Chỉ loại bỏ một phần tử khỏi mảng

Khi bạn bỏ qua removeCount tham số, splice() sẽ loại bỏ tất cả các yếu tố từ start chỉ mục đến cuối mảng.

Cách xóa và thêm phần tử mảng bằng splice()

Phương pháp này cũng cho phép bạn thêm các phần tử mới ngay sau thao tác xóa. Bạn chỉ cần chuyển các phần tử bạn muốn thêm vào mảng sau khi đếm xóa.

Cú pháp đầy đủ của splice() phương pháp như sau:

Array.splice(start, removeCount, newItem, newItem, newItem, ...)
Hoàn thành cú pháp phương thức mảng splice()

Ví dụ sau đây cho thấy cách bạn có thể xóa “Thứ hai” và “Thứ ba” trong khi thêm “Tháng ba” và “Tháng tư” vào months mảng:

let months = ["January", "February", "Monday", "Tuesday"];
let days = months.splice(2, 2, "March", "April");

console.log(days); // ["Monday", "Tuesday"]
console.log(months); // ["January", "February", "March", "April"]
Sử dụng mối nối () để loại bỏ và thêm các phần tử vào một mảng

Cách thêm phần tử mảng mới mà không xóa phần tử nào

Cuối cùng, bạn có thể thêm các phần tử mới mà không xóa bất kỳ phần tử nào bằng cách chuyển số đến removeCount tham số. Khi không có phần tử nào bị loại bỏ, phương thức mối nối sẽ trả về một mảng trống. Bạn có thể chọn có lưu trữ mảng trống được trả về vào một biến hay không.

Ví dụ sau đây cho thấy cách bạn có thể thêm một phần tử mới "March" kế bên "February" mà không xóa bất kỳ phần tử nào. Kể từ khi splice() phương thức trả về một mảng trống, bạn không cần lưu trữ mảng được trả về:

Đọc thêm  Hàm gọi lại trong JavaScript là gì? Hướng dẫn ví dụ về cuộc gọi lại JS
let months = ["January", "February", "Monday", "Tuesday"];
months.splice(2, 0, "March");

console.log(months); 
// ["January", "February", "March", "Monday", "Tuesday"]
Phương thức mối nối () được gọi mà không trả về bất kỳ phần tử nào

Phần kết luận

Bạn vừa học cách splice() phương pháp hoạt động. Bạn đã làm rất tốt!

Các splice() Phương thức này chủ yếu được sử dụng khi bạn cần xóa hoặc thêm các phần tử mới vào một mảng. Trong một số trường hợp, bạn cũng có thể sử dụng nó để tách một mảng có nội dung hỗn hợp như trường hợp trên.

Khi bạn gỡ bỏ các phần tử từ mảng, thì phương thức sẽ chỉ trả về một mảng trống. Bạn luôn được tự do gán mảng trả về cho một biến hoặc bỏ qua nó.

Cảm ơn đã đọc hướng dẫn này

Nếu bạn muốn tìm hiểu thêm về JavaScript, bạn có thể muốn xem trang web của tôi tại sebhastian.com, nơi tôi đã xuất bản hơn 100 hướng dẫn về lập trình với JavaScript.

Các hướng dẫn bao gồm thao tác Chuỗi, thao tác Ngày, phương thức Mảng và Đối tượng, giải pháp thuật toán JavaScript, v.v.

Hãy chắc chắn để kiểm tra nó ra 😉



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status