Cách sử dụng Splice trong JavaScript

Cách sử dụng Splice trong JavaScript

Cách sử dụng Splice trong JavaScript

Splice là một phương thức Mảng trong Javascript giúp thay đổi nội dung của một mảng bằng cách xóa hoặc thay thế một phần tử hiện có hoặc thêm một phần tử mới vào vị trí xác định.

Trong hướng dẫn này, tôi sẽ giải thích cách sử dụng phương thức Splice Javascript.

Cách sử dụng phương thức Splice trong Array Javascript

Cú pháp như sau

JavaScript
arr.splice(start, deleteCount, item1, ..., itemN)

Phương thức splice() nhận một số tham số, các tham số này được sử dụng để xác định hành vi của phương thức áp dụng lên mảng.

Start

Đây chỉ là chỉ mục mà chúng ta muốn mảng của mình bắt đầu thay đổi, sẽ không có phần tử nào bị xóa nếu chỉ mục của phần tử lớn hơn độ dài của mảng. Nhưng nó thêm một đối số vào cuối mảng nếu chỉ số nhỏ hơn độ dài của mảng.

deleteCount

Đây là tham số tùy chọn biểu thị số lượng phần tử cần xóa khỏi mảng, để xóa hoặc loại bỏ một phần tử thì phải có tham số bắt đầu.

Nếu bạn không bao gồm tham số này hoặc nếu nó có giá trị bằng với độ dài của mảng hoặc thậm chí lớn hơn độ dài của mảng, thì tất cả các phần tử từ tham số bắt đầu đến mục cuối cùng trong mảng sẽ bị xóa. Lưu ý, thông số này phải được đưa vào nếu có các thông số item.

Items

Đây cũng là một tham số tùy chọn cho bạn biết phần tử sẽ được thêm vào mảng

Nếu chúng ta không nêu rõ các phần tử, phương thức splice() của mảng Javascript sẽ xóa các phần tử khỏi mảng.

Trường hợp sử dụng

Bây giờ ta đã hiểu các tham số, hãy thử xem các trường hợp sử dụng và ví dụ về cách thực hiện tham số này khi viết chương trình.

Xóa 0 phần tử và thêm vào một số phần tử

JavaScript
const myMusic = ['piano', 'guitar', ‘violin', 'orchestra'];
const removedElement = myMusic.splice(2, 0, 'drum');
// myMusic = [piano', 'guitar', ‘drum’, ‘guitar’, ‘violin’, ‘orchestra’]
// removedElement = [ ], không có phần tử nào bị xóa

Ta cũng có thể xóa một phần tử và thêm các phần tử khác.

JavaScript
const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra']
const removedElement = myMusic.splice(3, 1, ‘sax’);
// myMusic = ['piano', 'guitar', 'drum', 'sax', 'orchestra']
// removedElement = ['violin']

Xóa một hoặc nhiều phần tử tại một chỉ mục đã chỉ định

JavaScript
const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra'];
const removedElement = myMusic.splice(3, 1);
// myMusic = ['piano', 'guitar', 'drum', 'ochestra']
// removedElement = ['violin']

Xóa tất cả các phần tử bắt đầu từ một chỉ mục đã chỉ định

JavaScript
const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra']
const removedElement  = myMusic.splice(1);
// myMusic = ['piano', 'guitar']
// removedElement = ['drum', 'sax', 'ochestra']

Leave a Reply