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
6 và const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7.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"];
6 và const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7 bằng các ví dụ mã.Phương thức
const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
6 có thể được sử dụng để tạo một bản sao của một mảng hoặc trả về một phần của một mảng. Điều quan trọng cần lưu ý là phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
6 không làm thay đổi mảng gốc mà thay vào đó tạo ra một bản sao nông.
Đâ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"];
6 hoạt động như thế nào.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"];
6 để tạo một bản sao nông của mảng đó.cities.slice[]
Khi tôi
cities.slice[]
4 kết quả, thì tôi sẽ thấy tất cả các yếu tố từ mảng cities.slice[]
5 của tôi đã sao chép vào mảng mới này.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]
Mảng ban đầu không được sửa đổi như chúng ta có thể thấy ở đây trong ví dụ này.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 cũng có thể sử dụng các chỉ mục âm sẽ bắt đầu trích xuất các phần tử từ cuối mảng.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];
nếu tham số bắt đầu lớn hơn chỉ số cuối cùng của mảng, sau đó một mảng trống sẽ được trả về.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];
cách sử dụng phương thức javaScript lát [] bằng cách sử dụng các tham số bắt đầu và kết thúcHow 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"];
6 sẽ trích xuất các phần tử từ vị trí bắt đầu cho đến vị trí cuối. Vị trí cuối sẽ không được bao gồm trong các phần tử được trích xuất cho mảng mới.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];
cách sử dụng phương thức mảng javaScript splice []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"];
6, phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7 sẽ thay đổi nội dung của mảng gốc. Phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7 được sử dụng để thêm hoặc loại bỏ các phần tử của một mảng hiện có và giá trị trả về sẽ là các mục đã loại bỏ khỏi mảng.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"];
0Số đầ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"];
1 nếu chúng tôi & nbsp; ____ 30, sau đó chúng tôi sẽ lấy lại một mảng trống vì không có gì được xóa khỏi mảng của chúng tôi.If we
const newCityArr = cities.slice[2];
console.log[newCityArr]
0, then we would
get back an empty array because nothing was removed from our array.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"];
2Số 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"];
3ConclusionConclusion
Các phương pháp mảng
const newCityArr = cities.slice[2];
console.log[newCityArr]
1 và const newCityArr = cities.slice[2];
console.log[newCityArr]
2 có vẻ giống nhau, nhưng có một vài khác biệt chính.
Phương thức
const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
6 có thể được sử dụng để tạo một bản sao của một mảng hoặc trả về một phần của một mảng. Điều quan trọng cần lưu ý là phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
6 không làm thay đổi mảng gốc mà thay vào đó tạo ra một bản sao nông.Đâ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"];
6, phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7 sẽ thay đổi nội dung của mảng gốc. Phương thức const cities = ["Tokyo","Cairo","Los Angeles","Paris","Seattle"];
7 được sử dụng để thêm hoặc loại bỏ các phần tử của một mảng hiện có và giá trị trả về sẽ là các mục đã loại bỏ khỏi mảng.
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.
Trong ví dụ này, chúng tôi có một loạt các mặt hàng thực phẩm.