Một mảng là một biến đặc biệt, có thể chứa nhiều hơn một giá trị:
const cars = ["saab", "volvo", "bmw"];
Hãy tự mình thử »
Tại sao sử dụng mảng?
Nếu bạn có một danh sách các mặt hàng [ví dụ danh sách các tên xe hơi], việc lưu trữ xe trong các biến đơn có thể trông như thế này:
Đặt car1 = "saab"; Đặt car2 = "Volvo"; Đặt car3 = "bmw";
let car2 = "Volvo";
let car3 = "BMW";
Tuy nhiên, điều gì sẽ xảy ra nếu bạn muốn lặp qua những chiếc xe và tìm một chiếc cụ thể? Và điều gì sẽ xảy ra nếu bạn không có 3 chiếc xe, mà là 300?
Giải pháp là một mảng!
Một mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị bằng cách tham khảo số chỉ mục.
Tạo một mảng
Sử dụng một mảng theo nghĩa đen là cách dễ nhất để tạo ra một mảng JavaScript.
Cú pháp:
const mảng_name = [item1, item2, ...]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
Đó là một thực tế phổ biến để khai báo các mảng với từ khóa Const.const keyword.
Tìm hiểu thêm về const với các mảng trong chương: JS mảng const.const with arrays in the chapter: JS Array Const.
Không gian và ngắt đường không quan trọng. Một tuyên bố có thể kéo dài nhiều dòng:
Bạn cũng có thể tạo một mảng, sau đó cung cấp các yếu tố:
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
cars[0]= "Saab";
cars[1]= "Volvo";
cars[2]= "BMW";
Hãy tự mình thử »
Tại sao sử dụng mảng?
Nếu bạn có một danh sách các mặt hàng [ví dụ danh sách các tên xe hơi], việc lưu trữ xe trong các biến đơn có thể trông như thế này:
Đặt car1 = "saab"; Đặt car2 = "Volvo"; Đặt car3 = "bmw";
Tuy nhiên, điều gì sẽ xảy ra nếu bạn muốn lặp qua những chiếc xe và tìm một chiếc cụ thể? Và điều gì sẽ xảy ra nếu bạn không có 3 chiếc xe, mà là 300?
Giải pháp là một mảng!
Một mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị bằng cách tham khảo số chỉ mục.
Tạo một mảngindex number:
Sử dụng một mảng theo nghĩa đen là cách dễ nhất để tạo ra một mảng JavaScript. Array indexes start with 0.
Cú pháp:
const mảng_name = [item1, item2, ...]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
Đó là một thực tế phổ biến để khai báo các mảng với từ khóa Const.
Tìm hiểu thêm về const với các mảng trong chương: JS mảng const.
Không gian và ngắt đường không quan trọng. Một tuyên bố có thể kéo dài nhiều dòng:
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
document.getElementById["demo"].innerHTML = cars;
Hãy tự mình thử »
Sử dụng từ khóa JavaScript mới
Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
Hai ví dụ trên làm chính xác giống nhau.
Không cần phải sử dụng new Array[].numbers to access its "elements". In this example, person[0] returns
John:
Để đơn giản, khả năng đọc và tốc độ thực hiện, hãy sử dụng phương pháp theo nghĩa đen của mảng.names to access its "members". In this example, person.firstName returns John:
Truy cập các yếu tố mảng
Bạn truy cập một phần tử mảng bằng cách tham khảo số chỉ mục:
Lưu ý: Các chỉ mục mảng bắt đầu bằng 0.
[0] là yếu tố đầu tiên. [1] là yếu tố thứ hai.
Thay đổi một phần tử mảng
myArray[1] = myFunction;
myArray[2] = myCars;
Câu lệnh này thay đổi giá trị của phần tử đầu tiên trong cars:
Truy cập toàn bộ mảng
Với JavaScript, mảng đầy đủ có thể được truy cập bằng cách tham khảo tên mảng:
cars.sort[] // Sorts the array
const cars = ["saab", "volvo", "bmw"]; document.getEuityById ["demo"]. Internhtml = xe;
Mảng là đối tượng
Mảng là một loại đối tượng đặc biệt. Toán tử typeof trong JavaScript trả về "đối tượng" cho các mảng.
Nhưng, các mảng JavaScript được mô tả tốt nhất là mảng.
Mảng sử dụng các số để truy cập "các yếu tố" của nó. Trong ví dụ này, person[0] trả lại John:
let length = fruits.length;
Hãy tự mình thử »
Đối tượng sử dụng tên để truy cập "thành viên" của nó. Trong ví dụ này, person.firstName trả lại John:
Các phần tử mảng có thể là đối tượng
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fruit = fruits[0];
Hãy tự mình thử »
Sử dụng từ khóa JavaScript mới
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fruit = fruits[fruits.length - 1];
Hãy tự mình thử »
Sử dụng từ khóa JavaScript mới
Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
let fLen = fruits.length;
Sử dụng từ khóa JavaScript mới
for [let i = 0; i < fLen; i++] {
text += "
}
text += "";
Hãy tự mình thử »
Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
Sử dụng từ khóa JavaScript mới
fruits.forEach[myFunction];
text += "";
Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
text += "
}
Hãy tự mình thử »
Hai ví dụ trên làm chính xác giống nhau.
Không cần phải sử dụng new Array[].
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
fruits.push["Lemon"]; // Adds a new element [Lemon] to fruits
Hãy tự mình thử »
Sử dụng từ khóa JavaScript mới
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
fruits[fruits.length] = "Lemon"; // Adds
"Lemon" to fruits
Hãy tự mình thử »
Sử dụng từ khóa JavaScript mới
Ví dụ sau đây cũng tạo ra một mảng và gán các giá trị cho nó:
Thí dụ
CONS CARS = []; Ô tô [0] = "Saab"; Ô tô [1] = "Volvo"; Ô tô [2] = "BMW";
fruits[6] = "Lemon"; // Creates undefined "holes" in fruits
Hãy tự mình thử »
Mảng liên kết
Nhiều ngôn ngữ lập trình hỗ trợ các mảng với các chỉ mục được đặt tên.
Các mảng có các chỉ mục được đặt tên được gọi là mảng liên kết [hoặc băm].
JavaScript không hỗ trợ các mảng với các chỉ mục được đặt tên.not support arrays with named indexes.
Trong JavaScript, các mảng luôn sử dụng các chỉ mục được đánh số. & Nbsp; & nbsp;arrays always use numbered indexes.
Thí dụ
const person = []; người [0] = "John"; người [1] = "doe"; người [2] = 46; person.length; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trả về 3 người [0]; & nbsp; & nbsp; & nbsp; & nbsp;
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
person.length; // Will return 3
person[0]; // Will return "John"
Hãy tự mình thử »
CẢNH BÁO !! Nếu bạn sử dụng các chỉ mục có tên, JavaScript sẽ xác định lại mảng thành một đối tượng.
If you use named indexes, JavaScript will redefine the array to an object.
Sau đó, một số phương thức và thuộc tính mảng sẽ tạo ra kết quả không chính xác.incorrect results.
Example:
const person = []; người ["FirstName"] = "John"; người ["lastName"] = "doe"; người ["tuổi"] = 46; person.length; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trả về 0 người [0]; // sẽ trả về không xác định
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
person.length; // Will return 0
person[0]; // Will return undefined
Hãy tự mình thử »
Sự khác biệt giữa các mảng và đối tượng
Trong JavaScript, các mảng sử dụng các chỉ mục được đánh số. & Nbsp; & nbsp;arrays use numbered indexes.
Trong JavaScript, các đối tượng sử dụng các chỉ mục được đặt tên.objects use named indexes.
Mảng là một loại đối tượng đặc biệt, với các chỉ mục được đánh số.
Khi nào nên sử dụng mảng. Khi nào nên sử dụng đối tượng.
- JavaScript không hỗ trợ các mảng liên kết.
- Bạn nên sử dụng các đối tượng khi bạn muốn các tên thành phần là chuỗi [văn bản].objects when you want the element names to be strings [text].
- Bạn nên sử dụng các mảng khi bạn muốn tên thành phần là số.arrays when you want the element names to be numbers.
JavaScript mảng mới []
JavaScript có hàm tạo mảng tích hợp new Array[].
Nhưng bạn có thể sử dụng new Array[]3 một cách an toàn.
Hai câu lệnh khác nhau này đều tạo ra một mảng trống mới có tên là điểm:
const points = new mảng []; điểm const = [];
const points = [];
Hai câu lệnh khác nhau này đều tạo ra một mảng mới chứa 6 số:
điểm const = mảng mới [40, 100, 1, 5, 25, 10]; điểm const = [40, 100, 1, 5, 25, 10];
const points = [40, 100, 1, 5, 25, 10];
Hãy tự mình thử »
Từ khóa new Array[]4 có thể tạo ra một số kết quả bất ngờ:
// Tạo một mảng với ba phần tử: điểm const = mảng mới [40, 100, 1];
const points = new Array[40, 100, 1];
Hãy tự mình thử »
// Tạo một mảng với hai phần tử: điểm const = mảng new [40, 100];
const points = new Array[40, 100];
Hãy tự mình thử »
// Tạo một mảng có một phần tử ??? điểm const = mảng mới [40]; & nbsp; & nbsp;
const points = new Array[40];
Hãy tự mình thử »
Một lỗi phổ biến
điểm const = [40];
không giống như:
điểm const = mảng mới [40];
// Tạo một mảng với 40 phần tử không xác định: điểm const = mảng new [40]; & nbsp; & nbsp;
const points = new Array[40];
Hãy tự mình thử »
Cách nhận biết một mảng
Một câu hỏi phổ biến là: Làm thế nào để tôi biết nếu một biến là một mảng?
Vấn đề là toán tử JavaScript typeof trả về "new Array[]6":
const trái cây = ["chuối", "cam", "táo"]; Let type = loại trái cây;
let type = typeof fruits;
Hãy tự mình thử »
Toán tử typeOf trả về đối tượng vì một mảng JavaScript là một đối tượng.
Giải pháp 1:
Để giải quyết vấn đề này Ecmascript 5 [JavaScript 2009] đã xác định một phương pháp mới new Array[]7:
Giải pháp 2:
Toán tử new Array[]8 trả về đúng nếu một đối tượng được tạo bởi một hàm tạo nhất định:
const trái cây = ["chuối", "cam", "táo"];
Hiểu quả thể hiện mảng;
Hãy tự mình thử »
Hoàn thành tham chiếu mảng
Để biết tham khảo mảng hoàn chỉnh, hãy truy cập: của chúng tôi:
Hoàn thành tham chiếu mảng JavaScript.
Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức mảng.
Kiểm tra bản thân với các bài tập
Exercise:
Nhận giá trị "new Array[]9" từ mảng cars.
const cars = ["Saab", "Volvo", "BMW"]; let x = ;
Bắt đầu bài tập