Kiểu dữ liệu mảng là một trong những kiểu dữ liệu được sử dụng phổ biến nhất khi bạn đang làm việc với một danh sách các giá trị được sắp xếp theo thứ tự.
Mỗi giá trị được gọi là một phần tử với một duy nhất id. Nó lưu trữ các phần tử của nhiều kiểu dữ liệu khác nhau mà bạn có thể truy cập thông qua một biến duy nhất.
Trong thực tế, một mảng có thể chứa một danh sách người dùng và chúng ta có thể cần thêm (các) phần tử vào mảng sau phần tử cuối cùng, trước phần tử đầu tiên hoặc tại bất kỳ điểm nào được chỉ định trong mảng của chúng ta.
Bài viết này sẽ hướng dẫn bạn cách chèn một phần tử vào mảng bằng JavaScript. Trong trường hợp bạn đang vội, đây là các phương pháp chúng ta sẽ thảo luận sâu trong bài viết này:
// Add to the start of an array
Array.unshift(element);
// Add to the end of an array
Array.push(element);
// Add to a specified location
Array.splice(start_position, 0, new_element...);
// Add with concat method without mutating original array
let newArray = [].concat(Array, element);
- Khi bạn muốn thêm một phần tử vào cuối mảng của mình, hãy sử dụng
push(). - Nếu bạn cần thêm một phần tử vào đầu mảng của mình, hãy sử dụng
unshift(). - Nếu bạn muốn thêm một phần tử vào một vị trí cụ thể của mảng, hãy sử dụng
splice(). - Và cuối cùng, khi bạn muốn duy trì mảng ban đầu của mình, bạn có thể sử dụng
concat()phương pháp.
Làm thế nào để đẩy đến đầu một mảng với unshift() phương pháp
Trong JavaScript, bạn sử dụng unshift() phương thức để thêm một hoặc nhiều phần tử vào phần đầu của một mảng và nó trả về độ dài của mảng sau khi các phần tử mới được thêm vào.
Nếu chúng tôi có một loạt các quốc gia và muốn thêm một quốc gia trước “Nigeria”, quốc gia hiện đang ở chỉ mục đầu tiên chúng ta có thể làm như vậy với unshift() phương pháp, như hình dưới đây:
const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift("Kenya");
console.log(countries); // ["Kenya","Nigeria","Ghana","Rwanda"]
Như chúng tôi đã nói, chúng tôi cũng có thể thêm nhiều phần tử bằng cách sử dụng unshift() phương pháp:
const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift("South Africa", "Mali", "Kenya");
console.log(countries); // ["South Africa","Mali","Kenya","Nigeria","Ghana","Rwanda"]
Trong lời giải thích của chúng tôi về unshift() phương thức, chúng tôi cũng đã tuyên bố rằng nó trả về độ dài của mảng mới, điều này đúng:
const countries = ["Nigeria", "Ghana", "Rwanda"];
let countriesLength = countries.unshift("South Africa", "Mali", "Kenya");
console.log(countriesLength); // 6
Làm thế nào để đẩy đến cuối một mảng với push() phương pháp
Các push() phương pháp tương tự như unshift() vì nó thêm phần tử vào cuối mảng thay vì phần đầu. Nó trả về độ dài của mảng mới và giống như unshift() phương pháp, có thể được sử dụng để thêm nhiều hơn một phần tử.
Hãy thử lại ví dụ tương tự, nhưng lần này hãy thêm chúng vào cuối mảng bằng cách sử dụng push() phương pháp:
const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.push("Kenya");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya"]
countries.push("South Africa", "Mali");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya","South Africa","Mali"]
Và như chúng ta đã nói, chúng ta có thể sử dụng nó để lấy độ dài của mảng mới:
const countries = ["Nigeria", "Ghana", "Rwanda"];
let countriesLength = countries.push("Kenya");
console.log(countriesLength); // 4
Làm cách nào để đẩy đến một vị trí đã chỉ định trong một mảng bằng splice() phương pháp
Cho đến giờ, chúng ta mới chỉ biết cách thêm một phần tử vào đầu hoặc cuối một mảng. Nhưng bạn có thể thắc mắc làm thế nào để thêm một phần tử vào một vị trí cụ thể trong một mảng. Vâng, bạn có thể làm điều đó với splice() phương pháp.
Các splice() method là một phương thức có mục đích chung để thay đổi nội dung của một mảng bằng cách loại bỏ, thay thế hoặc thêm các phần tử vào các vị trí được chỉ định của mảng. Phần này sẽ trình bày cách sử dụng phương pháp này để thêm một phần tử vào một vị trí cụ thể.
Ví dụ: hãy xem xét mảng quốc gia sau đây, trong đó có ba phần tử (quốc gia) được sắp xếp theo thứ tự bảng chữ cái:
const countries = ["Ghana", "Nigeria", "Rwanda"];
Giả sử chúng ta muốn thêm “Kenya”, theo thứ tự bảng chữ cái, nên được đặt ở vị trí thứ hai, chỉ mục 1 (sau Ghana và trước Nigeria). Trong trường hợp đó, chúng tôi sẽ sử dụng splice() phương thức với cú pháp sau:
Array.splice(start_position, 0, new_element...);
- Các
start_positionchỉ định chỉ mục nơi chúng ta muốn các phần tử mới được chèn vào mảng. Nếu có nhiều phần tử, nó chỉ định nơi các phần tử được chèn sẽ bắt đầu. - Nếu chúng ta muốn thêm vào mảng, chúng ta đặt đối số thứ hai bằng 0 (
), hướng dẫn cácsplice()phương pháp không xóa bất kỳ phần tử mảng nào. - (Các) tham số hoặc (các) phần tử sau đây có thể nhiều hơn một, vì đây là những phần tử chúng ta muốn thêm vào mảng tại vị trí đã chỉ định.
Ví dụ: hãy đặt “Kenya” sau “Ghana” trong mảng quốc gia của chúng tôi:
const countries = ["Ghana", "Nigeria", "Rwanda"];
countries.splice(1, 0, 'Kenya');
console.log(countries); // ["Ghana","Kenya","Nigeria","Rwanda"]
Giống như chúng ta đã làm với các phương thức khác, chúng ta cũng có thể thêm nhiều phần tử:
const countries = ["Ghana", "Nigeria", "Rwanda"];
countries.splice(1, 0, 'Kenya', 'Mali');
console.log(countries); // ["Ghana","Kenya","Mali","Nigeria","Rwanda"]
Lưu ý rằng các phương thức trước trả về độ dài của mảng mới, nhưng phương thức mối nối thay đổi mảng ban đầu. Nó không loại bỏ bất kỳ phần tử nào, vì vậy nó trả về một mảng trống.
Làm thế nào để đẩy các phần tử vào một mảng với concat() phương pháp
Chúng ta có thể sử dụng concat() phương pháp để thêm các phần tử vào một mảng mà không làm biến đổi hoặc thay đổi mảng ban đầu. Thay vào đó, tạo một mảng mới là phương pháp tốt hơn nếu chúng ta không muốn mảng ban đầu bị ảnh hưởng.
Chúng ta có thể sử dụng phương thức này để thêm các phần tử vào cả phần đầu và phần cuối của mảng dựa trên vị trí chúng ta đặt các phần tử:
const countries = ["Ghana", "Nigeria", "Rwanda"];
let newCountries = [].concat("Mali", countries, "Kenya");
console.log(newCountries); // ["Mali","Ghana","Nigeria","Rwanda","Kenya"]
Các concat() phương thức này cũng cho phép chúng ta nối hai (hoặc nhiều) mảng lại với nhau thành một mảng mới:
const africanCountries = ["Ghana", "Nigeria", "Rwanda"];
const europeanCountries = ["Germany", "France", "spain"];
let countries = [].concat(africanCountries, europeanCountries);
console.log(countries); // ["Ghana","Nigeria","Rwanda","Germany","France","spain"]
kết thúc
Trong bài viết này, chúng ta đã học nhiều cách khác nhau để đẩy các phần tử vào một mảng đến đầu, cuối hoặc bất kỳ vị trí nào bằng cách sử dụng splice() phương pháp.
Chúng tôi cũng học được rằng concat() phương thức cho phép chúng ta đẩy các phần tử mà không làm thay đổi mảng ban đầu.
Sử dụng bất kỳ phương pháp nào phù hợp với nhu cầu của bạn.
Chúc mừng mã hóa!
