Phương thức mảng JavaScript

Lực lượng của mảng JavaScript ẩn trong các phương pháp của mảng.

Chuyển đổi mảng thành chuỗi

Phương pháp JavaScript toString() Chuyển đổi mảng thành chuỗi giá trị mảng (phân cách bằng dấu phẩy).

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Kết quả

Banana,Orange,Apple,Mango

Thử nghiệm trực tiếp

join() Phương pháp này cũng có thể kết hợp tất cả các phần tử của mảng thành một chuỗi.

Hành vi của nó tương tự như toString(), nhưng bạn vẫn có thể quy định dấu phân cách:

Ví dụ

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Kết quả

Banana * Orange * Apple * Mango

Thử nghiệm trực tiếp

Popping và Pushing

Khi xử lý mảng, việc xóa phần tử và thêm phần tử mới rất đơn giản.

Popping và Pushing có nghĩa là:

Từ mảngThả raDự án, hoặc vào mảngThả vàoDự án.

Popping

pop() Phương pháp xóa phần tử cuối cùng khỏi mảng:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Xóa phần tử cuối cùng của fruits là ("Mango")

Thử nghiệm trực tiếp

pop() Phương pháp trả về giá trị bị弹出:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Giá trị của x là "Mango"

Thử nghiệm trực tiếp

Pushing

push() Phương pháp (tại cuối mảng) thêm một phần tử mới vào mảng:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Thêm một phần tử mới vào fruits

Thử nghiệm trực tiếp

push() Phương pháp trả về độ dài của mảng mới:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // Giá trị của x là 5

Thử nghiệm trực tiếp

Di chuyển phần tử

Di chuyển tương đương với pop, nhưng xử lý phần tử đầu tiên而不是 phần tử cuối cùng.

shift() Phương pháp này sẽ xóa phần tử đầu tiên và di chuyển tất cả các phần tử khác đến chỉ số thấp hơn.

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Xóa phần tử đầu tiên của fruits là "Banana"

Thử nghiệm trực tiếp

shift() phương pháp trả về chuỗi được "di chuyển ngược" ra ngoài:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Trả về "Banana"

Thử nghiệm trực tiếp

unshift() phương pháp (tại đầu) thêm phần tử mới vào mảng và "di chuyển ngược" các phần tử cũ:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Thêm phần tử mới "Lemon" vào fruits

Thử nghiệm trực tiếp

unshift() phương pháp trả về độ dài của mảng mới.

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Trả về 5

Thử nghiệm trực tiếp

thay đổi phần tử

bằng cách sử dụngsố chỉ mụcđể truy cập phần tử trong mảng:

mảngtên chỉ mục (biểu thức)bắt đầu từ 0. [0] là phần tử đầu tiên của mảng, [1] là phần tử thứ hai, [2] là phần tử thứ ba ...

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Đặt phần tử đầu tiên của fruits thành "Kiwi"

Thử nghiệm trực tiếp

length thuộc tính cung cấp phương pháp dễ dàng để thêm phần tử mới vào mảng:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Thêm "Kiwi" vào fruits

Thử nghiệm trực tiếp

loại bỏ phần tử

vì JavaScript mảng thuộc về đối tượng, các phần tử trong đó có thể sử dụng JavaScript delete biểu thức đểloại bỏ:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Đặt phần tử đầu tiên trong fruits thành undefined

Thử nghiệm trực tiếp

sử dụng delete sẽ để lại 'khoảng trống' không xác định trong mảng. Hãy sử dụng pop() hoặc shift() thay thế.

Chèn mảng

splice() Phương pháp này có thể được sử dụng để thêm phần tử mới vào mảng:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Thử nghiệm trực tiếp

Tham số đầu tiên (2) định nghĩa vị trí cần thêm phần tử mới (chèn).

Tham số thứ hai (0) định nghĩa số phần tử cần xóa.

Các tham số còn lại ("Lemon", "Kiwi") định nghĩa phần tử mới cần thêm.

splice() Phương pháp trả về một mảng chứa các phần tử đã bị xóa:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Thử nghiệm trực tiếp

sử dụng splice() để xóa phần tử

Bằng cách thiết lập tham số thông minh, bạn có thể sử dụng splice() Loại bỏ phần tử mà không để lại 'khoảng trống' trong mảng:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Xóa phần tử đầu tiên trong fruits

Thử nghiệm trực tiếp

Định nghĩa tham số đầu tiên (0) để phần tử mới nên đượcthêmthêm vào.

tham số thứ hai (1) xác định vị trí nênXóa nhiềuthành phần.

Các tham số còn lại bị bỏ qua. Không có phần tử mới nào sẽ được thêm vào.

Hợp nhất (kết nối) mảng

concat() Phương pháp này sẽ tạo ra một mảng mới bằng cách hợp nhất (kết nối) các mảng hiện có:

Ví dụ (kết nối hai mảng)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Kết nối myGirls và myBoys

Thử nghiệm trực tiếp

concat() Phương pháp này sẽ không thay đổi mảng hiện có. Nó luôn luôn trả về một mảng mới.

concat() Phương pháp này có thể sử dụng bất kỳ số lượng tham số mảng nào:

Ví dụ (kết nối ba mảng)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Kết nối arr1, arr2 và arr3 lại với nhau

Thử nghiệm trực tiếp

concat() Phương pháp này cũng có thể chấp nhận giá trị làm tham số:

Ví dụ (hợp nhất mảng với giá trị)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Thử nghiệm trực tiếp

Cắt mảng

slice() Phương pháp này sẽ cắt ra một đoạn mảng từ một đoạn của mảng.

Ví dụ này sẽ cắt ra một đoạn mảng bắt đầu từ phần tử số 1 ("Orange"):

Ví dụ

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Thử nghiệm trực tiếp

slice() Phương pháp này sẽ tạo ra một mảng mới. Nó sẽ không xóa bất kỳ phần tử nào từ mảng nguồn.

Ví dụ này sẽ cắt ra một đoạn mảng bắt đầu từ phần tử số 3 ("Apple"):

Ví dụ

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Thử nghiệm trực tiếp

slice() Có thể chấp nhận hai tham số, ví dụ như (1, 3).

Phương pháp này sẽ chọn các phần tử từ tham số bắt đầu, đến tham số kết thúc (không bao gồm).

Ví dụ

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Thử nghiệm trực tiếp

Nếu tham số kết thúc bị bỏ qua, ví dụ như trong ví dụ đầu tiên, thì slice() Sẽ cắt ra phần còn lại của mảng.

Ví dụ

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Thử nghiệm trực tiếp

toString() tự động

Nếu cần giá trị nguyên thuỷ, JavaScript sẽ tự động chuyển đổi mảng thành chuỗi. Hai ví dụ sau sẽ tạo ra kết quả tương tự:

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Thử nghiệm trực tiếp

Ví dụ

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Thử nghiệm trực tiếp

Tất cả các đối tượng JavaScript đều có toString() Phương pháp.

Sắp xếp mảng

Chúng ta sẽ học về việc sắp xếp mảng trong chương tiếp theo ~.

Tìm giá trị lớn nhất và nhỏ nhất trong mảng

Không có hàm tích hợp trong JavaScript để tìm giá trị lớn nhất và nhỏ nhất trong mảng.

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.

Tài liệu tham khảo đầy đủ về mảng

Để có tài liệu tham khảo đầy đủ, vui lòng truy cập trang web đầy đủ của chúng tôi Tài liệu tham khảo mảng JavaScript.

Tài liệu tham khảo này bao gồm mô tả và ví dụ về tất cả các thuộc tính và phương thức của mảng.