Phương thức mảng JavaScript
Chuyển đổi mảng thành chuỗi
Phương thức JavaScript toString()
chuyển đổi một mảng thành một chuỗi các giá trị mảng (được phân tách bằng dấu phẩy).
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Kết quả:
Phương join()
thức này cũng nối tất cả các phần tử của mảng thành một chuỗi.
Nó hoạt động giống như vậy toString()
, nhưng ngoài ra, bạn có thể chỉ định dấu phân tách:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Kết quả:
Popping và Đẩy
Khi bạn làm việc với mảng, bạn có thể dễ dàng loại bỏ các phần tử và thêm các phần tử mới.
Đây là những gì popping và push là:
Đưa các mục ra khỏi một mảng hoặc đẩy các mục vào một mảng.
JavaScript Array pop ()
Phương pop()
thức xóa phần tử cuối cùng khỏi một mảng:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Phương pop()
thức trả về giá trị được "bật ra":
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
JavaScript Array push ()
Phương push()
thức thêm một phần tử mới vào một mảng (ở cuối):
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Phương push()
thức trả về độ dài mảng mới:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Các yếu tố dịch chuyển
Shifting tương đương với popping, nhưng làm việc trên phần tử đầu tiên thay vì phần tử cuối cùng.
JavaScript Array shift ()
Phương shift()
thức này loại bỏ phần tử mảng đầu tiên và "chuyển" tất cả các phần tử khác xuống một chỉ số thấp hơn.
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Phương shift()
thức trả về giá trị đã được "chuyển ra ngoài":
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
JavaScript Array unshift ()
Phương unshift()
thức thêm một phần tử mới vào một mảng (ở đầu) và "giải quyết" các phần tử cũ hơn:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Phương unshift()
thức trả về độ dài mảng mới.
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Thay đổi các yếu tố
Các phần tử của mảng được truy cập bằng cách sử dụng số chỉ mục của chúng :
Chỉ mục mảng bắt đầu bằng 0:
[0] là phần tử mảng đầu tiên
[1] là phần tử thứ hai
[2] là phần tử thứ ba ...
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
Độ dài mảng JavaScript
Thuộc length
tính cung cấp một cách dễ dàng để nối một phần tử mới vào một mảng:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
JavaScript Array delete ()
Cảnh báo !
Các phần tử của mảng có thể bị xóa bằng toán tử JavaScript delete
.
Sử dụng delete
để lại undefined
các lỗ trên mảng.
Thay vào đó, hãy sử dụng pop () hoặc shift ().
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Hợp nhất (Nối) Mảng
Phương concat()
thức tạo một mảng mới bằng cách hợp nhất (nối) các mảng hiện có:
Ví dụ (Hợp nhất hai mảng)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Phương concat()
thức này không thay đổi các mảng hiện có. Nó luôn trả về một mảng mới.
Phương concat()
thức có thể nhận bất kỳ số lượng đối số mảng nào:
Ví dụ (Hợp nhất ba mảng)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Phương concat()
thức cũng có thể lấy chuỗi làm đối số:
Ví dụ (Hợp nhất một mảng với các giá trị)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Mảng nối và cắt
Phương splice()
thức thêm các mục mới vào một mảng.
Phương slice()
thức này sẽ cắt ra một phần của mảng.
JavaScript Array splice ()
Phương splice()
thức này có thể được sử dụng để thêm các mục mới vào một mảng:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Tham số đầu tiên (2) xác định vị trí mà các phần tử mới sẽ được thêm vào (nối vào).
Tham số thứ hai (0) xác định số lượng phần tử cần được loại bỏ .
Phần còn lại của các tham số ("Lemon", "Kiwi") xác định các phần tử mới sẽ được thêm vào .
Phương splice()
thức trả về một mảng với các mục đã xóa:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Sử dụng splice () để loại bỏ các phần tử
Với cài đặt tham số thông minh, bạn có thể sử dụng splice()
để loại bỏ các phần tử mà không để lại "lỗ hổng" trong mảng:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
Tham số đầu tiên (0) xác định vị trí mà các phần tử mới sẽ được thêm vào (nối vào).
Tham số thứ hai (1) xác định có bao nhiêu phần tử nên được loại bỏ .
Phần còn lại của các tham số bị bỏ qua. Không có yếu tố mới sẽ được thêm vào.
JavaScript lát mảng ()
Phương slice()
thức này sẽ tách một phần của mảng thành một mảng mới.
Ví dụ này cắt ra một phần của mảng bắt đầu từ phần tử mảng 1 ("Orange"):
Thí dụ
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Ghi chú
Phương slice()
thức tạo một mảng mới.
Phương slice()
thức không xóa bất kỳ phần tử nào khỏi mảng nguồn.
Ví dụ này cắt ra một phần của mảng bắt đầu từ phần tử mảng 3 ("Apple"):
Thí dụ
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Phương slice()
thức có thể nhận hai đối số như slice(1, 3)
.
Sau đó, phương thức chọn các phần tử từ đối số bắt đầu và lên đến (nhưng không bao gồm) đối số kết thúc.
Thí dụ
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Nếu đối số end bị bỏ qua, giống như trong các ví dụ đầu tiên, slice()
phương thức này sẽ loại bỏ phần còn lại của mảng.
Thí dụ
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
Chuỗi tự động ()
JavaScript tự động chuyển đổi một mảng thành một chuỗi được phân tách bằng dấu phẩy khi một giá trị nguyên thủy được mong đợi.
Điều này luôn xảy ra khi bạn cố gắng xuất một mảng.
Hai ví dụ này sẽ tạo ra cùng một kết quả:
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Thí dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Ghi chú
Tất cả các đối tượng JavaScript đều có phương thức toString ().
Tìm giá trị tối đa và giá trị nhỏ nhất trong một mảng
Không có hàm tích hợp nào để tìm giá trị cao nhất hoặc thấp nhất trong một mảng JavaScript.
Bạn sẽ học cách giải quyết vấn đề này trong chương tiếp theo của hướng dẫn này.
Sắp xếp Mảng
Sắp xếp mảng được đề cập trong chương tiếp theo của hướng dẫn này.
Tham chiếu mảng hoàn chỉnh
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.