Mảng Js. ▍ Điểm mạnh của vòng lặp for…of. Sắp xếp lại các phần tử mảng theo thứ tự ngược lại - Reverse

Mảng là một trong những loại biến được sử dụng phổ biến nhất cho phép bạn lưu trữ nhiều giá trị tuần tự ở “một nơi”. Tuy nhiên, khi nói đến JavaScript, vẫn còn chỗ để cải thiện.

Trong bài viết này, chúng ta sẽ xem xét ba kỹ thuật ít được biết đến có thể được sử dụng khi làm việc với mảng.

1. Thêm thuộc tính tùy chỉnh vào mảng

Nếu bạn sử dụng tìm kiếm để tìm định nghĩa JavaScript của một mảng, hầu hết các nguồn sẽ nêu rõ rằng loại này Giá trị của một biến được biểu diễn dưới dạng một đối tượng.

Nói chung, rất nhiều thứ chúng ta gặp trong JavaScript là các đối tượng. Công bằng mà nói thì ngôn ngữ này cũng chứa các kiểu dữ liệu “nguyên thủy”, nhưng giá trị của chúng bằng cách nào đó được sử dụng trong các thuộc tính bên trong các đối tượng.

2. Truy cập các phần tử mảng trong vòng lặp

Vì chỉ số mảng chỉ có thể nhận giá trị dương nên việc đếm bắt đầu từ 0. Sau này chúng ta có thể sử dụng chỉ mục này để truy cập phần tử mảng tại một vòng lặp nhất định.

ECMAScript6 đã giới thiệu một cách để cuộn qua một mảng mà không sử dụng chỉ mục mà thông qua chu kỳ mới cho...của.

Vòng lặp for...of được thiết kế để lặp qua các phần tử của một mảng mà không ảnh hưởng đến chỉ mục của phần tử đó.

Var ary = ["cam","táo","vải thiều"]; for (let item of ary)( console.log(item); ) // "orange", "apple", "lychee" Để so sánh: xuất các chỉ số mục trong vòng lặp for. var ary = ["cam","táo","vải thiều"]; cho (var item = 0; mục< ary.length; item++){ console.log(item); } // 0, 1, 2

3. Số phần tử không phải là thứ nguyên của mảng

Khi nói về kích thước của một mảng, chúng ta thường nghĩ nó là số phần tử được lưu trữ trong đó. Trên thực tế, điều này không hoàn toàn đúng - thuộc tính độ dài được tính tùy thuộc vào chỉ số tối đa của phần tử.

Thuộc tính độ dài rất mơ hồ. Để xác minh điều này, chỉ cần nhìn vào các thao tác sau:

Khác nhau = ; ary.length = 3; console.log(ary.length); // 3 ary = "abcd"; console.log(ary.length); // 6

Trong ví dụ trước, chỉ cần đặt phần tử ở vị trí thứ năm là đủ, do đó độ dài của mảng trở thành 6. Nếu bạn nghĩ rằng các chỉ mục từ 0 đến 4 sẽ được tạo tự động thì bạn đã nhầm. Điều này có thể được kiểm tra bằng cách sử dụng toán tử in.

Khác nhau = ; ary.length = 3; console.log(ary.length); // 3 ary = "abcd"; console.log(ary.length); // 6 console.log(0 in ary); // SAI

TRONG trong trường hợp này Công bằng mà nói mảng ary là "thưa thớt".

Chúng ta cũng có thể thao tác thuộc tính length để cắt bớt mảng. Ví dụ dưới đây minh họa việc “mất” phần tử ở chỉ số 5 bằng cách giảm thuộc tính độ dài của mảng ary.

Khác nhau = ; ary.length = 3; console.log(ary.length); // 3 ary = "abcd"; console.log(ary.length); // 6 ary.length = 2; console.log(ary.length); // 2 console.log(ary); //không xác định

Mảng

Mảng là một tập hợp các giá trị có thứ tự. Các giá trị trong một mảng được gọi là các phần tử, mỗi phần tử được đặc trưng bởi một vị trí số trong mảng, được gọi là chỉ mục. Mảng trong JavaScript không được định kiểu: các phần tử của một mảng có thể thuộc bất kỳ kiểu nào và các phần tử khác nhau của cùng một mảng có thể có các kiểu khác nhau. Các phần tử mảng thậm chí có thể là đối tượng hoặc các mảng khác, cho phép bạn tạo các cấu trúc dữ liệu phức tạp như mảng đối tượng và mảng mảng.

Các chỉ mục mảng JavaScript bắt đầu từ 0 và sử dụng số nguyên 32 bit - phần tử đầu tiên của mảng có chỉ mục 0. Mảng JavaScript rất linh hoạt: chúng có thể tăng và giảm kích thước khi cần thiết; không cần phải khai báo kích thước mảng cố định khi tạo chúng hoặc phân bổ lại bộ nhớ khi kích thước của chúng thay đổi.

Mảng trong JavaScript là một dạng đối tượng chuyên biệt và các chỉ mục mảng không chỉ có ý nghĩa gì ngoài tên thuộc tính, mà trùng hợp là các số nguyên.

Tạo mảng

Cách dễ nhất để tạo một mảng là sử dụng một hằng, là một danh sách đơn giản gồm các phần tử mảng được phân tách bằng dấu phẩy được bao quanh bởi dấu ngoặc vuông. Các giá trị trong một hằng mảng không nhất thiết phải là hằng số - chúng có thể là bất kỳ biểu thức nào, bao gồm cả các hằng đối tượng:

Var trống = ; // Mảng trống var number = ; // Mảng 5 phần tử số var misc = [ 1.1, true, "a", ]; // 3 phần tử các loại khác nhau+ dấu phẩy ở cuối var base = 1024; bảng var = ; // Mảng chứa các biến var arrObj = [, ]; // 2 mảng bên trong chứa các đối tượng

Cú pháp mảng bằng chữ cho phép bạn chèn dấu phẩy ở cuối tùy chọn, tức là. chữ [,] khớp với một mảng có hai phần tử chứ không phải ba phần tử.

Một cách khác để tạo mảng là gọi hàm tạo Array(). Bạn có thể gọi hàm tạo theo ba cách khác nhau:

    Gọi hàm tạo không có đối số:

    Var Array = new Array();

    Trong trường hợp này, một mảng trống sẽ được tạo, tương đương với mảng bằng chữ.

    Gọi hàm tạo với một đối số số duy nhất xác định độ dài của mảng:

    Var Array = Mảng mới(10);

    Trong trường hợp này, một mảng trống có độ dài được chỉ định sẽ được tạo. Hình thức gọi hàm tạo Array() này có thể được sử dụng để phân bổ trước bộ nhớ cho một mảng nếu biết trước số phần tử của nó. Lưu ý rằng điều này không lưu trữ bất kỳ giá trị nào trong mảng.

    Chỉ định rõ ràng các giá trị của hai phần tử mảng trở lên đầu tiên hoặc một phần tử không phải là số trong lệnh gọi hàm tạo:

    Var Array = new Array(5, 4, 3, 2, 1, "test");

    Trong trường hợp này, các đối số của hàm tạo trở thành giá trị của các phần tử của mảng mới. Sử dụng hằng mảng hầu như luôn dễ dàng hơn so với sử dụng hàm tạo Array().

Đọc và viết các phần tử mảng

Các phần tử mảng được truy cập bằng toán tử. Ở bên trái dấu ngoặc phải có tham chiếu mảng. Bên trong dấu ngoặc đơn phải có một biểu thức tùy ý trả về giá trị nguyên không âm. Cú pháp này hữu ích cho cả việc đọc và ghi giá trị của một phần tử mảng. Do đó, tất cả các hướng dẫn JavaScript sau đây đều hợp lệ:

// Tạo một mảng có một phần tử var arr = ["world"]; // Đọc phần tử 0 var value = arr; // Ghi giá trị vào phần tử 1 arr = 3.14; // Ghi giá trị vào phần tử 2 i = 2; mảng[i] = 3; // Ghi giá trị vào phần tử 3 arr = "hello"; // Đọc phần tử 0 và 2, ghi giá trị vào phần tử 3 arr] = arr;

Hãy để tôi nhắc bạn rằng mảng là một loại đối tượng chuyên biệt. Dấu ngoặc vuông dùng để truy cập các phần tử mảng hoạt động giống hệt như dấu ngoặc vuông dùng để truy cập các thuộc tính đối tượng. Trình thông dịch JavaScript chuyển đổi chỉ mục số trong dấu ngoặc đơn thành chuỗi—chỉ mục 1 trở thành chuỗi "1"—và sau đó sử dụng chuỗi làm tên thuộc tính.

Không có gì đặc biệt khi chuyển đổi chỉ mục số thành chuỗi: bạn có thể thực hiện tương tự với các đối tượng thông thường:

Var obj = (); // Tạo một đối tượng đơn giản obj = "one"; // Lập chỉ mục nó bằng số nguyên

Vấn đề về mảng là khi bạn sử dụng tên thuộc tính là số nguyên không âm, mảng sẽ tự động xác định giá trị của thuộc tính độ dài. Ví dụ, ở trên chúng ta đã tạo một mảng arr với một phần tử duy nhất. Sau đó, nó gán giá trị cho các phần tử của nó tại các chỉ mục 1, 2 và 3. Kết quả của các thao tác này là giá trị thuộc tính độ dài của mảng thay đổi thành 4.

Bạn nên phân biệt rõ ràng các chỉ mục trong một mảng với tên thuộc tính đối tượng. Tất cả các chỉ mục đều là tên thuộc tính, nhưng chỉ những thuộc tính có tên được biểu thị bằng số nguyên mới là chỉ mục. Tất cả các mảng đều là đối tượng và bạn có thể thêm thuộc tính cho chúng bằng bất kỳ tên nào. Tuy nhiên, nếu bạn chạm vào các thuộc tính là chỉ mục mảng, mảng sẽ phản hồi bằng cách cập nhật giá trị của thuộc tính độ dài nếu cần.

Xin lưu ý rằng số âm và số không nguyên có thể được sử dụng làm chỉ số mảng. Trong trường hợp này, các số được chuyển đổi thành chuỗi, được sử dụng làm tên thuộc tính.

Thêm và xóa các phần tử mảng

Chúng ta đã thấy rằng cách dễ nhất để thêm các phần tử vào một mảng là gán giá trị cho các chỉ mục mới. Bạn cũng có thể sử dụng phương thức push() để thêm một hoặc nhiều phần tử vào cuối mảng:

Var mảng = ; // Tạo một mảng trống arr.push("zero"); // Thêm một giá trị vào cuối arr.push("one",2); // Thêm hai giá trị nữa

Bạn cũng có thể thêm phần tử vào cuối mảng bằng cách gán giá trị cho phần tử mảng. Phương thức unshift() có thể được sử dụng để chèn một phần tử vào đầu mảng, làm dịch chuyển các phần tử hiện có trong mảng lên vị trí chỉ mục cao hơn.

Bạn có thể xóa các phần tử mảng bằng toán tử xóa, giống như các thuộc tính đối tượng thông thường:

Var mảng = ; xóa mảng; 2 trong mảng; // sai, chỉ số 2 trong mảng không được xác định arr.length; // 3: toán tử xóa không thay đổi thuộc tính độ dài của mảng

Việc xóa một phần tử cũng tương tự (nhưng hơi khác một chút) với việc gán giá trị không xác định cho phần tử đó. Lưu ý rằng việc áp dụng toán tử xóa cho một phần tử mảng không làm thay đổi giá trị của thuộc tính độ dài hoặc dịch chuyển các phần tử có chỉ mục cao hơn xuống để lấp đầy khoảng trống còn lại bằng cách xóa phần tử.

Cũng có thể loại bỏ các phần tử ở cuối mảng bằng cách gán một giá trị mới cho thuộc tính length. Mảng có phương thức pop() (ngược lại với push()), làm giảm độ dài của mảng đi 1 và trả về giá trị của phần tử bị loại bỏ. Ngoài ra còn có phương thức shift() (ngược lại với unshift()), loại bỏ phần tử ở đầu mảng. Không giống như toán tử xóa, phương thức shift() dịch chuyển tất cả các phần tử xuống vị trí bên dưới chỉ mục hiện tại của chúng.

Cuối cùng, có một phương thức splice() đa năng cho phép bạn chèn, xóa và thay thế các phần tử của mảng. Nó thay đổi giá trị của thuộc tính length và chuyển các phần tử mảng sang chỉ mục thấp hơn hoặc cao hơn nếu cần. Chúng ta sẽ xem xét tất cả các phương pháp này sau.

Mảng đa chiều

JavaScript không hỗ trợ "thực" mảng đa chiều, nhưng cho phép bạn mô phỏng chúng tốt bằng cách sử dụng mảng mảng. Để truy cập một phần tử dữ liệu trong một mảng mảng, chỉ cần sử dụng toán tử hai lần.

Ví dụ: giả sử ma trận biến là một mảng gồm nhiều mảng số. Mỗi phần tử của ma trận[x] là một mảng số. Để truy cập một số cụ thể trong một mảng, bạn có thể sử dụng biểu thức ma trận[x][y]. Dưới là ví dụ cụ thể, Ở đâu mảng hai chiều dùng làm bảng nhân:

// Tạo mảng nhiều chiều var table = new Array(10); // Có 10 hàng trong bảng for(var i = 0; i

Các phương thức của lớp Array

Tiêu chuẩn ECMAScript 3 định nghĩa Array.prototype là một tập hợp chức năng tiện lợiđể làm việc với mảng, có sẵn dưới dạng phương thức của bất kỳ mảng nào. Những phương pháp này sẽ được trình bày ở các phần dưới đây.

phương thức tham gia ()

Phương thức Array.join() chuyển đổi tất cả các phần tử mảng thành chuỗi, nối chúng và trả về chuỗi kết quả. Là một đối số tùy chọn, bạn có thể truyền một chuỗi cho phương thức sẽ được sử dụng để phân tách các phần tử trong chuỗi kết quả. Nếu chuỗi phân cách không được chỉ định thì dấu phẩy sẽ được sử dụng. Ví dụ: đoạn sau dẫn đến chuỗi "1,2,3":

Var mảng = ; arr.join(); // "1,2,3" arr.join("-"); // "1-2-3"

phương thức đảo ngược()

Phương thức Array.reverse() đảo ngược thứ tự các phần tử trong một mảng và trả về một mảng được sắp xếp lại. Hoán vị được thực hiện trực tiếp trong mảng ban đầu, tức là. Phương thức này không tạo ra một mảng mới với các phần tử được sắp xếp lại mà thay vào đó sắp xếp lại chúng trong một mảng đã tồn tại. Ví dụ: đoạn mã sau, sử dụng các phương thức Reverse() và join(), sẽ tạo ra chuỗi "3,2,1":

Var mảng = ; arr.reverse().join(); // "3,2,1"

phương thức sắp xếp()

Phương thức Array.sort() sắp xếp các phần tử trong mảng nguồn và trả về mảng đã sắp xếp. Nếu phương thức Sort() được gọi mà không có đối số, việc sắp xếp sẽ được thực hiện theo thứ tự bảng chữ cái (các phần tử tạm thời được chuyển đổi thành chuỗi để so sánh nếu cần). Các phần tử không xác định sẽ được chuyển xuống cuối mảng.

Để sắp xếp theo thứ tự khác với thứ tự bảng chữ cái, bạn có thể chuyển hàm so sánh làm đối số cho phương thức Sort(). Hàm này thiết lập đối số nào trong hai đối số của nó sẽ đứng đầu trong danh sách được sắp xếp. Nếu đối số thứ nhất phải đứng trước đối số thứ hai thì hàm so sánh phải trả về một số âm. Nếu đối số đầu tiên theo sau đối số thứ hai trong một mảng được sắp xếp thì hàm phải trả về một số lớn hơn 0. Và nếu hai giá trị tương đương nhau (nghĩa là thứ tự của chúng không quan trọng), hàm so sánh sẽ trả về 0:

Var mảng = ; mảng.sort(); // thứ tự bảng chữ cái: 1111, 222, 33, 4 arr.sort(function(a,b) ( // Thứ tự số: 4, 33, 222, 1111 trở lại a-b; // Trả về giá trị 0 // tùy theo thứ tự sắp xếp của a và b )); // Sắp xếp theo hướng ngược lại, từ lớn nhất đến nhỏ nhất arr.sort(function(a,b) (return b-a));

Hãy lưu ý rằng việc sử dụng một hàm không tên trong đoạn mã này sẽ thuận tiện như thế nào. Chức năng so sánh chỉ được sử dụng ở đây nên không cần đặt tên cho nó.

phương thức concat()

Phương thức Array.concat() tạo và trả về một mảng mới chứa các phần tử của mảng ban đầu mà concat() được gọi và các giá trị của bất kỳ đối số nào được truyền cho concat(). Nếu bất kỳ đối số nào trong số này là một mảng thì các phần tử của nó sẽ được thêm vào mảng trả về. Tuy nhiên, cần lưu ý rằng việc chuyển đổi đệ quy một mảng các mảng thành mảng một chiều không xảy ra. Phương thức concat() không thay đổi mảng ban đầu. Dưới đây là một số ví dụ:

Var mảng = ; mảng.concat(4, 5); // Return arr.concat(); // Return arr.concat(,) // Return arr.concat(4, ]) // Return ]

phương thức slice()

Phương thức Array.slice() trả về một lát hoặc mảng con của mảng đã chỉ định. Hai đối số của phương thức chỉ định điểm bắt đầu và kết thúc của đoạn được trả về. Mảng được trả về chứa phần tử có số được chỉ định trong đối số thứ nhất, cộng với tất cả các phần tử tiếp theo, tối đa (nhưng không bao gồm) phần tử có số được chỉ định trong đối số thứ hai.

Nếu chỉ đưa ra một đối số, mảng trả về chứa tất cả các phần tử từ vị trí bắt đầu đến cuối mảng. Nếu bất kỳ đối số nào là âm, nó sẽ xác định số phần tử tương ứng với phần cuối của mảng. Vì vậy, đối số -1 tương ứng với phần tử cuối cùng của mảng và đối số -3 tương ứng với phần tử thứ ba của mảng tính từ cuối. Dưới đây là một số ví dụ:

Var mảng = ; mảng.slice(0,3); // Return arr.slice(3); // Return arr.slice(1,-1); // Return arr.slice(-3,-2); // Trở lại

phương thức mối nối()

Phương thức Array.splice() là phương pháp phổ quát, để chèn hoặc xóa các phần tử khỏi một mảng. Không giống như các phương thức slice() và concat(), phương thức splice() sửa đổi mảng ban đầu mà nó được gọi. Lưu ý rằng các phương thức splice() và slice() có tên rất giống nhau nhưng thực hiện các thao tác hoàn toàn khác nhau.

Phương thức splice() có thể loại bỏ các phần tử khỏi một mảng, chèn các phần tử mới hoặc thực hiện cả hai cùng một lúc. Các phần tử mảng được dịch chuyển khi cần thiết để tạo ra một chuỗi liên tục sau khi chèn hoặc xóa.

Đối số đầu tiên của phương thức splice() chỉ định vị trí trong mảng mà việc chèn và/hoặc xóa sẽ được thực hiện. Đối số thứ hai chỉ định số phần tử cần xóa (cắt) khỏi mảng. Nếu đối số thứ hai bị bỏ qua, tất cả các phần tử mảng từ phần được chỉ định đến cuối mảng sẽ bị xóa. Phương thức splice() trả về một mảng gồm các phần tử đã bị loại bỏ hoặc (nếu không có phần tử nào bị xóa) một mảng trống.

Hai đối số đầu tiên của phương thức splice() chỉ định các phần tử mảng cần loại bỏ. Theo sau các đối số này có thể là bất kỳ số lượng đối số bổ sung nào chỉ định các phần tử sẽ được chèn vào mảng, bắt đầu từ vị trí được chỉ định trong đối số đầu tiên.

Var mảng = ; mảng.splice(4); // Return , arr = arr.splice(1,2); // Return , arr = arr.splice(1,1); // Trở lại ; mảng = mảng = ; arr.splice(2,0,"a","b"); // Trở lại ; mảng =

Phương thức push() và pop()

Các phương thức push() và pop() cho phép bạn làm việc với các mảng như thể chúng là các ngăn xếp. Phương thức push() thêm một hoặc nhiều phần tử mới vào cuối mảng và trả về độ dài mới của mảng. Phương thức pop() thực hiện hoạt động ngược lại- loại bỏ phần tử cuối cùng của mảng, giảm độ dài của mảng và trả về giá trị mà nó đã loại bỏ. Lưu ý rằng cả hai phương pháp này đều sửa đổi mảng ban đầu thay vì tạo bản sao đã sửa đổi của mảng đó.

phương thức unshift() và shift()

Các phương thức unshift() và shift() hoạt động gần giống như push() và pop(), ngoại trừ việc chúng chèn và xóa các phần tử ở đầu mảng thay vì ở cuối mảng. Phương thức unshift() chuyển các phần tử hiện có sang các chỉ mục lớn hơn để giải phóng không gian, thêm phần tử hoặc các phần tử vào đầu mảng và trả về độ dài mới của mảng. phương pháp dịch chuyển() loại bỏ và trả về phần tử đầu tiên của mảng, dịch chuyển tất cả các phần tử tiếp theo xuống một vị trí để chiếm khoảng trống ở đầu mảng.

Trong bài học này, chúng ta sẽ làm quen với mảng, tìm hiểu cách tạo mảng, thực hiện các thao tác trên các phần tử của chúng, đồng thời xem xét các phương thức và thuộc tính cơ bản có sẵn khi làm việc với chúng.

Khái niệm mảng

Mảng là một tập hợp dữ liệu có thứ tự, có tên và là một thể hiện Đối tượng mảng. Nó bao gồm các phần tử được truy cập bằng số chỉ mục của chúng. Việc đánh số các phần tử trong mảng không bắt đầu từ 1 mà từ 0.

Hình dưới đây cho thấy một mảng số gồm 7 phần tử. Các phần tử của mảng này chứa dữ liệu sau: Phần tử thứ 1 (chỉ mục 0) - số 123, phần tử thứ 2 (chỉ mục thứ 1) - số 214, phần tử thứ 3 (chỉ mục thứ 2) - số 315, v.v.

// phần tử mà chúng ta sẽ xuất mảng // tạo một mảng số var numberArray = new Array(123,214,315,312,124,206,218); //xuất mảng ra phần tử có id="myP" document.getElementById("myP").innerHTML = "1 Phần tử mảng: " + numberArray + "
" + "2 phần tử mảng: " + numberArray + "
" + "3 phần tử mảng: " + numberArray + "
" + "4 Phần tử mảng: " + numberArray + "
" + "5 Phần tử mảng: " + numberArray + "
" + "6 Phần tử mảng: " + numberArray + "
" + "7 Phần tử mảng: " + numberArray;

Tạo (khai báo) một mảng

Việc tạo một mảng trong JavaScript được thực hiện bằng cách sử dụng toán tử new và hàm khởi tạo mảng. TRONG dấu ngoặc đơn Hàm khởi tạo mảng có thể được chỉ định bằng một trong các giá trị sau:

  • Con số. Trong trường hợp này Chức năng này sẽ tạo ra một mảng bao gồm số phần tử được chỉ định. Tất cả các phần tử này sẽ có giá trị không xác định.
  • Nhiều giá trị cách nhau bằng dấu phẩy. Trong trường hợp này, hàm khởi tạo mảng sẽ tạo một mảng bao gồm số phần tử được chỉ định và gán cho chúng các giá trị thích hợp.
  • Không có gì. Trong trường hợp này, hàm này sẽ tạo một mảng trống.

Không giống như nhiều ngôn ngữ lập trình khác, mảng trong JavaScript tự động thay đổi kích thước của chúng, tức là. vốn dĩ chúng rất năng động. Các mảng như vậy không cần phải có bất kỳ kích thước nào. Một lần nữa tính năng đặc biệt Mảng JavaScript là các phần tử khác nhau của cùng một mảng có thể chứa Nhiều loại khác nhau dữ liệu.

Làm việc với các phần tử mảng

Để liên hệ yếu tố cụ thể mảng, bạn phải chỉ định tên của mảng này và chỉ mục của nó trong dấu ngoặc vuông. Hoạt động này còn được gọi là hoạt động lập chỉ mục.

Ví dụ: hãy tạo một mảng trống và thêm 4 phần tử văn bản vào đó:

//tạo một mảng trống smartphoneColors var smartphoneColors = new Array(); //gán 1 phần tử của mảng (chỉ số 0) giá trị "Đen" smartphoneColors = "Đen"; //gán phần tử mảng thứ 2 (chỉ số 1) cho giá trị "White" smartphoneColors = "White"; //gán phần tử mảng thứ 3 (chỉ số 2) cho giá trị "Grey" smartphoneColors = "Grey"; //gán phần tử thứ 4 của mảng (chỉ số 3) cho giá trị "Blue" smartphoneColors = "Blue";

Ví dụ: hãy hiển thị giá trị của 2 và 4 phần tử của mảng smartphoneColors lên bảng điều khiển trình duyệt (F12):

Console.log("2 phần tử = " + smartphoneColors); console.log("4 phần tử = " + smartphoneColors);

Độ dài mảng (số phần tử trong mảng)

Việc xác định số phần tử trong một mảng được thực hiện bằng thuộc tính length.

//tạo một mảng bằng cách liệt kê các giá trị của các phần tử trong hàm Array var VolumeHDDs = new Array("500Gb","1Tb","2Tb"); //gán biến lengthArray cho độ dài của mảng ổ đĩa HDD var lengthArray = ổHDDs.length;

Cách lấy phần tử đầu tiên của mảng

Việc lấy giá trị của phần tử đầu tiên của mảng được thực hiện bằng cách chỉ định số 0 trong ngoặc vuông của mảng này:

//tạo một mảng gồm 3 phần tử var VolumeHDDs = new Array("500Gb","1Tb","2Tb"); //lấy giá trị phần tử đầu tiên của mảng var firstValue = VolumeHDDs;

Cách lấy phần tử cuối cùng của mảng

Giá trị của phần tử cuối cùng của một mảng có được bằng cách chỉ định biểu thức array_name.length-1 trong dấu ngoặc vuông của mảng này:

//tạo một mảng gồm 3 phần tử var VolumeHDDs = new Array("500Gb","1Tb","2Tb"); //lấy giá trị phần tử cuối cùng của mảng var LastValue = VolumeHDDs;

Lặp lại trên một mảng

Việc lặp qua các phần tử mảng được thực hiện bằng cách sử dụng vòng lặp for.

Ví dụ: hãy lặp qua tất cả các phần tử của mảng và hiển thị giá trị của chúng trong bảng điều khiển trình duyệt (F12):

//tạo một mảng nameStudents, gồm 4 phần tử var nameStudents = new Array("Petya","Vasya","Kolya","Maxim"); // lặp lại các phần tử mảng từ 0 đến độ dài mảng-1 for (var i=0; i