Hướng dẫn này sẽ chỉ cho bạn cách mở rộng một mảng hiện có bằng một mảng khác mà không cần tạo một mảng mới trong JavaScript
Chúng ta có thể mở rộng một mảng hiện có bằng một mảng khác theo nhiều cách. Dưới đây là một số ví dụ về chúng
đẩy() phương pháp
Phương thức [ 1, 2, 3, 4, 5, 6 ]0 thêm một hoặc nhiều phần tử vào cuối mảng theo thứ tự chúng được truyền vào và trả về độ dài cập nhật của mảng
Chúng tôi sẽ thêm một mảng với một mảng khác với phương thức [ 1, 2, 3, 4, 5, 6 ]0 sẽ mở rộng mảng như bên dưới
const myArray1 = [1, 2, 3]; const myArray2 = [4, 5, 6]; myArray1.push(...myArray2); console.log(myArray1);Trong chương trình trên, tôi đã sử dụng toán tử trải ([ 1, 2, 3, 4, 5, 6 ]2) để trải các phần tử từ một mảng sang phương thức [ 1, 2, 3, 4, 5, 6 ]0 dưới dạng tham số
đầu ra
[ 1, 2, 3, 4, 5, 6 ]Chúng ta cũng có thể sử dụng [ 1, 2, 3, 4, 5, 6 ]4với phương thức đẩy thay vì toán tử trải rộng để thêm các phần tử từ một mảng vào một mảng hiện có và mở rộng mảng hiện có
const myArray1 = [1, 2, 3]; const myArray2 = [4, 5, 6]; myArray1.push.apply(myArray1, myArray2); console.log(myArray1);Trong chương trình trên, tôi đã sử dụng phương thức [ 1, 2, 3, 4, 5, 6 ]4 trên phương thức [ 1, 2, 3, 4, 5, 6 ]0 và chuyển [ 1, 2, 3, 4, 5, 6 ]7 làm đối số đầu tiên và [ 1, 2, 3, 4, 5, 6 ]8 làm đối số thứ hai. Tất cả các phần tử của [ 1, 2, 3, 4, 5, 6 ]8 sẽ được đẩy vào cuối của const myArray1 = [1, 2, 3]; const myArray2 = [4, 5, 6]; myArray1.push.apply(myArray1, myArray2); console.log(myArray1);0
đầu ra
[ 1, 2, 3, 4, 5, 6 ]Mở rộng mảng JavaScript hiện có với các phần tử cụ thể của mảng khác
Phương thức [ 1, 2, 3, 4, 5, 6 ]0 cũng có thể được sử dụng để thêm một phần tử cụ thể từ một mảng này sang một mảng khác như bên dưới
const myArray1 = [1, 2, 3]; const myArray2 = [4, 5, 6]; myArray1.push(myArray2[1]); console.log(myArray1);đầu ra
[ 1, 2, 3, 5 ]Chỉ sử dụng Toán tử trải rộng (…)
Toán tử trải rộng ([ 1, 2, 3, 4, 5, 6 ]2) là một cách đơn giản để mở rộng một mảng hiện có với một mảng khác bằng cách thêm các phần tử từ một mảng vào một mảng hiện có mà không cần tạo một mảng mới
let myArray1 = [3, 5, 7]; const myArray2 = [9, 11, 13]; myArray1 = [...myArray1, ...myArray2]; console.log(myArray1);Trong chương trình trên, tôi đã kết hợp [ 1, 2, 3, 4, 5, 6 ]7 và [ 1, 2, 3, 4, 5, 6 ]8 bằng cách sử dụng phương pháp const myArray1 = [1, 2, 3]; const myArray2 = [4, 5, 6]; myArray1.push.apply(myArray1, myArray2); console.log(myArray1);5 và gán kết quả lại cho [ 1, 2, 3, 4, 5, 6 ]7
Chúng ta đã biết rằng một biến chỉ có thể chứa một giá trị. Chúng ta không thể gán nhiều giá trị cho một biến. Mảng JavaScript là một loại biến đặc biệt, có thể lưu trữ nhiều giá trị bằng một cú pháp đặc biệt
Sau đây khai báo một mảng có năm giá trị số
let numArr = [10, 20, 30, 40, 50];
Trong mảng trên, let numArr = new Array(10, 20, 30, 40, 50); 5 là tên của một biến mảng. Nhiều giá trị được gán cho nó bằng cách tách chúng bằng dấu phẩy bên trong dấu ngoặc vuông là let numArr = new Array(10, 20, 30, 40, 50); 6. Do đó, biến let numArr = new Array(10, 20, 30, 40, 50); 5 lưu trữ năm giá trị số. Mảng let numArr = new Array(10, 20, 30, 40, 50); 5 được tạo bằng cú pháp chữ và đó là cách tạo mảng ưa thích
Một cách khác để tạo mảng là sử dụng hàm tạo let numArr = new Array(10, 20, 30, 40, 50); 9, như hình bên dưới
let numArr = new Array(10, 20, 30, 40, 50);
Mỗi giá trị được liên kết với một chỉ mục số bắt đầu bằng 0. Hình dưới đây minh họa cách một mảng lưu trữ các giá trị
Sau đây là một số ví dụ khác về mảng lưu trữ các loại dữ liệu khác nhau
Thí dụ. Cú pháp ký tự mảng
let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true];
Thử nó
Không bắt buộc phải lưu trữ cùng loại giá trị trong một mảng. Nó cũng có thể lưu trữ các giá trị của các loại khác nhau
let data = [1, "Steve", "DC", true, 255000, 5.5];
Nhận kích thước của một mảng
Sử dụng thuộc tính let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 0 để lấy tổng số phần tử trong một mảng. Nó thay đổi khi bạn thêm hoặc xóa các phần tử khỏi mảng
Thí dụ. Nhận kích thước mảng
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; console.log(cities.length); //4 cities[4] = "Delhi"; console.log(cities.length); //5
Thử nó
Truy cập các phần tử mảng
Các phần tử mảng (giá trị) có thể được truy cập bằng chỉ mục. Chỉ định một chỉ mục trong dấu ngoặc vuông với tên mảng để truy cập phần tử tại một chỉ mục cụ thể như let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 1. Lưu ý rằng chỉ số của một mảng bắt đầu từ số không
Thí dụ. Truy cập các phần tử mảng
let numArr = [10, 20, 30, 40, 50]; console.log(numArr[0]); // 10 console.log(numArr[1]); // 20 console.log(numArr[2]); // 30 console.log(numArr[3]); // 40 console.log(numArr[4]); // 50 let cities = ["Mumbai", "New York", "Paris", "Sydney"]; console.log(cities[0]); // "Mumbai" console.log(cities[1]); // "New York" console.log(cities[2]); // "Paris" console.log(cities[3]); // "Sydney" //accessing element from nonexistance index console.log(cities[4]); // undefined
Thử nó
Đối với các trình duyệt mới, bạn có thể sử dụng phương thức let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 2 để lấy phần tử từ chỉ mục đã chỉ định. Điều này giống với let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 3 ngoại trừ việc let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 4 trả về một phần tử từ phần tử cuối cùng nếu chỉ mục được chỉ định là âm
Thí dụ. Truy cập mảng sử dụng at()
let numArr = [10, 20, 30, 40, 50]; console.log(numArr.at(0)); // 10 console.log(numArr.at(1)); // 20 console.log(numArr.at(2)); // 30 console.log(numArr.at(3)); // 40 console.log(numArr.at(4)); // 50 console.log(numArr.at(5)); // undefined //passing negative index console.log(numArr.at(-1)); // 50 console.log(numArr.at(-2)); // 40 console.log(numArr.at(-3)); // 30 console.log(numArr.at(-4)); // 20 console.log(numArr.at(-5)); // 10 console.log(numArr.at(-6)); // undefined
Thử nó
Bạn có thể lặp một mảng bằng cách sử dụng vòng lặp let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 5, for, for-of và for-in, như minh họa bên dưới
Thí dụ. Truy cập các phần tử mảng
let numArr = [10, 20, 30, 40, 50]; numArr.forEach(i => console.log(i)); //prints all elements for(let i=0; i<numArr.length; i++) console.log(numArr[i]); for(let i of numArr) console.log(i); for(let i in numArr) console.log(numArr[i]);
Thử nó
Cập nhật phần tử mảng
Bạn có thể cập nhật các phần tử của một mảng tại một chỉ mục cụ thể bằng cách sử dụng cú pháp let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 6
Thí dụ. Cập nhật phần tử mảng
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; cities[0] = "Delhi"; cities[1] = "Los angeles"; console.log(cities); //["Delhi", "Los angeles", "Paris", "Sydney"]
Thử nó
Thêm các yếu tố mới
Bạn có thể thêm các phần tử mới bằng cách sử dụng cú pháp let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 6. Chỉ cần đảm bảo rằng chỉ mục lớn hơn chỉ mục cuối cùng. Nếu bạn chỉ định một chỉ mục hiện có thì nó sẽ cập nhật giá trị
Thí dụ. Thêm phần tử mảng
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; cities[4] = "Delhi"; //add new element at last console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi"] cities[cities.length] = "London";//use length property to specify last index console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "London"] cities[9] = "Pune"; console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "Londen", undefined, undefined, undefined, "Pune"]
Thử nó
Trong ví dụ trên, let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 8 thêm let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 9 vào chỉ mục thứ 9 và tất cả các chỉ mục không được khai báo khác là không xác định
Cách được đề xuất để thêm các phần tử vào cuối là sử dụng phương thức let data = [1, "Steve", "DC", true, 255000, 5.5]; 0. Nó thêm một phần tử vào cuối một mảng
Thí dụ. Thêm phần tử cuối cùng bằng cách sử dụng push()
let numArr = new Array(10, 20, 30, 40, 50); 0
Thử nó
Sử dụng phương thức let data = [1, "Steve", "DC", true, 255000, 5.5]; 1 để thêm phần tử vào đầu mảng
Thí dụ. Thêm phần tử bằng unshift()
let numArr = new Array(10, 20, 30, 40, 50); 1
Thử nó
Xóa phần tử mảng
Phương thức let data = [1, "Steve", "DC", true, 255000, 5.5]; 2 trả về phần tử cuối cùng và loại bỏ nó khỏi mảng
Thí dụ. Xóa phần tử cuối cùng
let numArr = new Array(10, 20, 30, 40, 50); 2
Thử nó
Phương thức let data = [1, "Steve", "DC", true, 255000, 5.5]; 3 trả về phần tử đầu tiên và loại bỏ nó khỏi mảng
Thí dụ. Xóa phần tử đầu tiên
let numArr = new Array(10, 20, 30, 40, 50); 3
Thử nó
Bạn không thể loại bỏ các phần tử ở giữa khỏi một mảng. Bạn sẽ phải tạo một mảng mới từ một mảng hiện có mà không có phần tử mà bạn không muốn, như hình bên dưới