Review: Arrays

Đây là một đánh giá về những gì chúng tôi trình bày trong hướng dẫn này về mảng.

Chúng tôi thường muốn lưu trữ danh sách các giá trị khi chúng tôi tạo chương trình và trong JavaScript, chúng tôi có thể làm điều đó bằng cách sử dụng một loại giá trị được gọi là một mảng .

Để tạo một mảng, chúng tôi khai báo một biến như chúng tôi luôn làm, nhưng sau đó chúng tôi bao quanh danh sách các giá trị của chúng tôi bằng dấu ngoặc vuông và phân tách từng giá trị bằng dấu phẩy:

var xPositions = [33, 72, 64];

Chúng tôi có thể lưu trữ bất kỳ loại giá trị JavaScript nào trong một mảng - không chỉ là số. Đây là một ví dụ nơi chúng tôi lưu trữ một danh sách các chuỗi:

var myFriends = ['Winston', 'OhNoesGuy', 'John', 'Sophia'];

Chúng ta thường muốn hiển thị độ dài của một mảng hoặc làm một cái gì đó dựa trên chiều dài của mảng. Rất may, mỗi mảng có một thuộc lengthtính sẽ cho chúng ta biết độ dài hiện tại của mảng:

text(myFriends.length, 200, 200); // Displays "4"

Khi chúng ta muốn truy cập một giá trị cụ thể trong một mảng, chúng ta truy cập nó bằng cách tham chiếu "chỉ mục" của nó trong mảng, đại diện cho vị trí của nó. Chỉ mục đầu tiên trong một mảng là "0", vì vậy nếu chúng ta muốn truy cập phần tử đầu tiên trong một mảng, chúng ta chỉ định tên của biến mảng, sau đó là dấu ngoặc vuông và 0:

text(myFriends[0], 200, 0); // Displays "Winston"

Phần tử thứ hai nằm ở chỉ mục "1", phần thứ ba nằm ở chỉ mục "2" và phần tử thứ tư nằm ở chỉ mục "3":

text(myFriends[1], 200, 100); // Displays "OhNoesGuy"
text(myFriends[2], 200, 200); // Displays "John"
text(myFriends[3], 200, 300); // Displays "Sophia"

Lập chỉ mục dựa trên zero là một trong những khía cạnh khó hiểu nhất của mảng cho các lập trình viên mới, vì vậy hãy ghi nhớ điều đó nếu bạn chỉ mới bắt đầu với mảng. Cuối cùng bạn sẽ quen với nó!

Chúng ta thường muốn thực hiện một số hành động cho mọi phần tử trong một mảng, như cách chúng ta đã sử dụng lệnh text () để hiển thị các tên ở trên. Thay vì viết đi viết lại mã đó, tốt hơn là sử dụng vòng lặp for để lặp qua từng phần tử trong mảng và làm một cái gì đó cho từng phần tử bên trong vòng lặp. Chúng ta phải bắt đầu từ chỉ số 0, đi cho đến khi chúng ta đạt đến cuối mảng và thêm 1 vào chỉ mục mỗi lần. Đây là cách chúng tôi sẽ làm điều đó:

for (var i = 0; i < myFriends.length; i++) {
   text(myFriends[i], 200, (i+1)*100);
}

Lưu ý cách chúng ta đặt ibên trong dấu ngoặc vuông, bởi vì nó đại diện cho chỉ mục hiện tại mỗi khi vòng lặp được chạy.

Mảng có thể được thay đổi theo nhiều cách. Để bắt đầu, chúng ta có thể thay đổi một giá trị trong chúng:

myFriends[1] = "TheErrorBuddy";

Chúng ta cũng có thể thêm các giá trị hoàn toàn mới cho chúng, bằng cách sử dụng phương thức push () , chuyển vào giá trị mới:

myFriends.push("Hopper");

Sau khi chạy mà dòng mã, sở hữu chiều dài mảng của chúng tôi sẽ thay đổi để phản ánh độ dài mới, và chỉ số cuối cùng trong mảng sẽ có 4 thay vì 3.

Nếu bạn muốn có một danh sách đầy đủ về những gì bạn có thể làm với các mảng trong JavaScript, hãy xem tham chiếu này . Nhưng đừng lo lắng, mọi thứ trong tổng quan này sẽ giúp bạn rất xa!