Lát và ghép trong JavaScript là gì?

Các phương thức có sẵn trong JavaScript giúp chúng ta rất nhiều trong khi lập trình, một khi chúng ta hiểu đúng về chúng. Tôi muốn giải thích ba trong số họ trong bài viết này. các phương thức slice[], splice[] và split[]. Có lẽ vì cách đặt tên của chúng quá giống nhau nên chúng thường bị nhầm lẫn, ngay cả với những nhà phát triển có kinh nghiệm

Tôi khuyên các sinh viên và lập trình viên mới vào nghề nên đọc kỹ bài viết này vì ba phương pháp này cũng có thể được hỏi trong PHỎNG VẤN CÔNG VIỆC

Cuối cùng, bạn có thể tìm thấy bản tóm tắt của từng phương pháp. Vậy hãy bắt đầu…

Mảng JavaScript

Đầu tiên, bạn cần hiểu cách mảng JavaScript hoạt động. Giống như các ngôn ngữ lập trình khác, chúng ta sử dụng mảng để lưu trữ nhiều dữ liệu trong JS. Nhưng điểm khác biệt là mảng JS có thể chứa nhiều loại dữ liệu khác nhau cùng một lúc

Đôi khi chúng ta cần thực hiện các thao tác trên các mảng đó. Sau đó, chúng tôi sử dụng một số phương thức JS như slice[] và splice[]. Bạn có thể xem bên dưới cách khai báo mảng trong JavaScript

let arrayDefinition = [];   // Array declaration in JS

Bây giờ hãy khai báo một mảng khác với các kiểu dữ liệu khác nhau. Tôi sẽ sử dụng nó dưới đây trong các ví dụ

let array = [1, 2, 3, "hello world", 4.12, true];

Cách sử dụng này hợp lệ trong JavaScript. Một mảng với các kiểu dữ liệu khác nhau. chuỗi, số và boolean

Ghi chú. Từ khóa

let array = [1, 2, 3, "hello world", 4.12, true];

4 là một tính năng của ES6. Bạn có thể biết thêm thông tin về ES6 tại đây

Lát cắt [ ]

Phương thức slice[ ] sao chép một phần đã cho của một mảng và trả về phần đã sao chép đó dưới dạng một mảng mới. Nó không thay đổi mảng ban đầu

array.slice[from, until];

• Từ. Cắt mảng bắt đầu từ chỉ mục phần tử
• Cho đến khi. Cắt mảng cho đến khi chỉ mục phần tử khác

Ví dụ, tôi muốn cắt 3 phần tử đầu tiên của mảng trên. Vì phần tử đầu tiên của một mảng luôn có chỉ số là 0, nên tôi bắt đầu cắt “từ” 0

array.slice[0, until]; 

Bây giờ đây là phần khó khăn. Khi muốn cắt 3 phần tử đầu thì phải cho tham số until là 3. Phương thức slice[] không bao gồm phần tử đã cho cuối cùng

array[0] --> 1              // included
array[1] --> 2              // included
array[2] --> 3              // included
array[3] --> "hello world"  // not included

Điều này có thể tạo ra một số nhầm lẫn. Đó là lý do tại sao tôi gọi tham số thứ hai là “until”

let newArray = array.slice[0, 3];   // Return value is also an array 

Cuối cùng, tôi gán Array đã cắt cho biến newArray. Bây giờ hãy xem kết quả

Cắt mảng và gán các thành viên cho newArray

biến newArray bây giờ là một mảng và mảng ban đầu vẫn giữ nguyên

Lưu ý quan trọng. phương thức Slice[] cũng có thể được sử dụng cho các chuỗi

mối nối [ ]

Tên của hàm này rất giống với slice[]. Sự giống nhau về cách đặt tên này thường khiến các nhà phát triển nhầm lẫn. Phương thức mối nối [ ] thay đổi một mảng, bằng cách thêm hoặc xóa các phần tử khỏi nó. Hãy xem cách thêm và xóa các phần tử với mối nối [ ]

Loại bỏ các yếu tố

Để xóa phần tử, chúng ta cần cung cấp tham số chỉ mục và số lượng phần tử cần xóa

array.splice[index, number of elements];

Chỉ mục là điểm bắt đầu để loại bỏ các phần tử. Các phần tử có số chỉ mục nhỏ hơn từ chỉ mục đã cho sẽ không bị xóa

________số 8

Nếu chúng ta không xác định tham số thứ hai, mọi phần tử bắt đầu từ chỉ mục đã cho sẽ bị xóa khỏi mảng

chỉ có chỉ số 0 và 1 vẫn còn đó

Ví dụ thứ hai, tôi đặt tham số thứ hai là 1, vì vậy các phần tử bắt đầu từ chỉ số 2 sẽ bị xóa lần lượt mỗi khi chúng ta gọi phương thức mối nối [ ]

array.splice[2, 1];  

Mảng lúc đầu

Sau cuộc gọi đầu tiên

3 đã bị xóa nên “hello world” hiện có chỉ mục 2

Sau cuộc gọi thứ 2

Lần này, “hello world” bị xóa khỏi chỉ mục. 2

Điều này có thể tiếp tục cho đến khi không còn chỉ số 2 nữa

Thêm phần tử

Để thêm các phần tử, chúng ta cần cung cấp cho chúng các tham số thứ 3, 4, 5 [tùy thuộc vào số lượng cần thêm] vào phương thức mối nối [ ]

let array = [1, 2, 3, "hello world", 4.12, true];

0

Ví dụ, tôi đang thêm a và b vào đầu mảng và tôi không xóa gì cả

let array = [1, 2, 3, "hello world", 4.12, true];

0

a và b được thêm vào đầu mảng, không có phần tử nào bị loại bỏSplit[]

Các phương thức Slice[] và splice[] dành cho mảng. Phương thức split[] được sử dụng cho chuỗi. Nó chia một chuỗi thành các chuỗi con và trả về chúng dưới dạng một mảng. Phải mất 2 tham số và cả hai đều là tùy chọn

let array = [1, 2, 3, "hello world", 4.12, true];

1

• dấu phân cách. Xác định cách tách một chuỗi… bằng dấu phẩy, ký tự, v.v.
• Giới hạn. Giới hạn số lần chia với một số nhất định

Phương thức split[] không hoạt động trực tiếp với mảng. Tuy nhiên, trước tiên chúng ta có thể chuyển đổi các phần tử của mảng thành một chuỗi, sau đó chúng ta có thể sử dụng phương thức split[]

Hãy xem nó hoạt động như thế nào

Đầu tiên, chúng ta chuyển đổi mảng của mình thành một chuỗi bằng phương thức toString[]

let array = [1, 2, 3, "hello world", 4.12, true];

2

Bây giờ, hãy tách myString bằng dấu phẩy, giới hạn chúng ở ba chuỗi con và trả về chúng dưới dạng một mảng

let array = [1, 2, 3, "hello world", 4.12, true];

3

Chỉ 3 phần tử đầu tiên được trả về

Như chúng ta có thể thấy, myString được phân chia bằng dấu phẩy. Vì chúng tôi giới hạn chia thành 3, nên chỉ có 3 phần tử đầu tiên được trả về

GHI CHÚ. Nếu chúng ta có một cách sử dụng như thế này.

let array = [1, 2, 3, "hello world", 4.12, true];

5 thì mỗi ký tự của chuỗi sẽ được chia thành các chuỗi con

Từng nhân vật tách ra từng người một Tóm tắt

Lát cắt [ ]

• Sao chép các phần tử từ một mảng
• Trả về chúng dưới dạng một mảng mới
• Không thay đổi mảng ban đầu
• Bắt đầu cắt từ … cho đến khi có chỉ mục. mảng. lát [từ, cho đến]
• Slice không bao gồm tham số chỉ mục “until”
• Có thể được sử dụng cho cả mảng và chuỗi

mối nối [ ]

• Dùng để thêm/bớt phần tử trong mảng
• Trả về một mảng các phần tử đã loại bỏ
• Thay đổi mảng
• Để thêm phần tử. mảng. mối nối [chỉ mục, số phần tử, phần tử]
• Để loại bỏ các yếu tố. mảng. mối nối [chỉ mục, số phần tử]
• Chỉ có thể được sử dụng cho mảng

Tách ra [ ]

• Chia một chuỗi thành các chuỗi con
• Trả về chúng trong một mảng
• Có 2 tham số, cả hai đều là tùy chọn. chuỗi. split[dấu phân cách, giới hạn]
• Không thay đổi chuỗi gốc
• Chỉ có thể được sử dụng cho chuỗi

Có nhiều phương thức tích hợp khác cho mảng và chuỗi JavaScript. Nếu bạn học cách sử dụng, những phương pháp này giúp cuộc sống của bạn dễ dàng hơn trong lập trình

Tôi hy vọng bây giờ bạn đã hiểu rõ hơn. Nếu không, thì đừng ngần ngại đặt câu hỏi của bạn trong phần bình luận. Bạn cũng có thể xem bài viết khác của tôi về CSS bên dưới

Sự khác biệt giữa lát và mối nối là gì?

lát cắt trong JavaScript là gì?

Sự khác biệt giữa Slice và split trong JS là gì?

lát cắt trong JavaScript với ví dụ là gì?