Hướng dẫn how do you splice and slice in javascript? - làm thế nào để bạn ghép và cắt trong javascript?

Khi bạn đầu tiên học JavaScript, có thể khó biết sự khác biệt giữa các phương pháp mảng

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Trong bài viết này, tôi sẽ hướng dẫn bạn cách sử dụng các phương thức mảng

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Đây là cú pháp cơ bản:

slice(optional start parameter, optional end parameter)

Chúng ta hãy xem một số ví dụ để hiểu rõ hơn về phương pháp

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Cách sử dụng phương thức JavaScript Slice () mà không có tham số bắt đầu và kết thúc

Trong ví dụ đầu tiên này, tôi đã tạo ra một danh sách các thành phố từ khắp nơi trên thế giới.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Tôi có thể sử dụng phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

cities.slice()

Khi tôi

cities.slice()

cities.slice()

Cách sử dụng phương thức JavaScript Slice () bằng tham số Start

Bạn có thể sử dụng tham số bắt đầu tùy chọn để đặt vị trí bắt đầu để chọn các phần tử từ mảng. Điều quan trọng cần nhớ là các mảng được lập chỉ mục dựa trên không.

Trong ví dụ này, chúng tôi sẽ đặt vị trí bắt đầu tại Index 2, sẽ chọn ba thành phố cuối cùng trong mảng và trả lại chúng trong một mảng mới.

const newCityArr = cities.slice(2);

console.log(newCityArr)

The original array was not modified as we can see here in this example.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const newCityArr = cities.slice(2);

console.log("Original: ", cities)
console.log("New: ", newCityArr)

You can also use negative indexes which will start extracting elements from the end of the array.

Trong ví dụ này, chúng tôi sẽ đặt vị trí bắt đầu ở -2, sẽ chọn hai thành phố cuối cùng trong mảng và trả lại chúng trong một mảng mới.

const newCityArr = cities.slice(-2);

If the start parameter is greater than the last index of the array, then an empty array will be returned.

const newCityArr = cities.slice(5);

How to use the slice() JavaScript method using the start and end parameters

Nếu một vị trí cuối được chỉ định, thì phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Trong ví dụ này, chúng tôi đã chỉ định chỉ số bắt đầu là chỉ số 2 và kết thúc là 4. Mảng được trả về mới sẽ chỉ bao gồm các thành phố tại INDEX 2 và 3 vì vị trí cuối không được bao gồm trong các phần tử được trích xuất.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const newCityArr = cities.slice(2,4);

How to use the splice() JavaScript array method

Không giống như phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Nếu không có gì được xóa khỏi mảng, thì giá trị trả về sẽ chỉ là một mảng trống.

Đây là cú pháp cơ bản.

splice(start, optional delete count, optional items to add)

Trong ví dụ này, chúng tôi có một loạt các mặt hàng thực phẩm.

const food = ['pizza', 'cake', 'salad', 'cookie'];

Nếu chúng tôi muốn thêm một mặt hàng thực phẩm khác vào mảng tại INDEX 1, thì chúng tôi có thể sử dụng mã sau:

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Số đầu tiên là chỉ số bắt đầu và số thứ hai là số lần xóa. Vì chúng tôi không xóa bất kỳ mục nào, nên số lượng xóa của chúng tôi bằng không.

Đây là những gì kết quả sẽ trông như thế nào trong bảng điều khiển.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

If we  

const newCityArr = cities.slice(2);

console.log(newCityArr)

Trong ví dụ tiếp theo này, chúng tôi muốn loại bỏ "salad" khỏi mảng. & nbsp; chúng ta có thể sử dụng các tham số bắt đầu và xóa để thực hiện điều này.

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Số 2 là vị trí bắt đầu và số 1 đại diện cho số lượng xóa. Vì salad ở Index 2 thì nó sẽ được loại bỏ khỏi mảng.

Đây là những gì mảng của chúng tôi trông như bây giờ:

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Conclusion

Các phương pháp mảng

const newCityArr = cities.slice(2);

console.log(newCityArr)

const newCityArr = cities.slice(2);

console.log(newCityArr)

Phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Đây là cú pháp cơ bản:

slice(optional start parameter, optional end parameter)

Không giống như phương thức

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];

Nếu không có gì được xóa khỏi mảng, thì giá trị trả về sẽ chỉ là một mảng trống.

Đây là cú pháp cơ bản:

splice(start, optional delete count, optional items to add)

Đây là cú pháp cơ bản.