Cách khai báo mảng trong JavaScript

Trong bài viết này, mình sẽ hướng dẫn các bạn về mảng trong JavaScript. Vậy trước tiên, hãy cùng mình trả lời câu hỏi Mảng là gì? Mảng trong JavaScript như thế nào?

Mảng là một loại biến đặc biệt, được dùng để lưu trữ nhiều giá trị.

Trong các trường hợp mà chúng ta cần lưu trữ một danh sách các giá trị, chẳng hạn như danh sách khách hàng, danh sách sản phẩm, danh sách cấu hình… thì mảng là một lựa chọn tốt.

Chẳng hạn, nếu chúng ta sử dụng biến bình thường để lưu 3 tên xe thì đoạn mã sẽ như sau:

let car1 = "Toyota";
let car2 = "Subaru";
let car3 = "BMW";

Thử tưởng tượng, nếu chúng ta có danh sách 100 chiếc xe thì sẽ làm sao? Chẳng lẽ lại đi khai báo 100 biến tương ứng.

Trong khi, nếu chúng ta sử dụng mảng thì nó sẽ ngắn gọn là:

let cars = ["Toyota", "Subaru", "BMW"];

Các thành phần của một mảng

Khi khai báo và làm việc với mảng, chúng ta cần biết các thành phần sau:

Tên mảng [name]: Phải tuân thủ theo quy tắc đặt tên của biến

Độ dài của mảng [length]: Là số lượng giá trị mà mảng có thể chứa.

alert[cars.length];  // 3

Phần tử [item]: Là một giá trị trong mảng

Chỉ số của phần tử [item index]: Là vị trí của phần tử trong mảng. Chỉ số đầu tiên là 0, tiếp sau là 1, 2, 3… cho đến hết. Chỉ số của phần tử cuối cùng của mảng sẽ là length – 1. Trong đó length là độ dài của mảng. Chẳng hạn, nếu mảng có 6 phần tử thì chỉ số của phần tử cuối cùng sẽ là 5.

alert[cars[0]];  // Toyota
alert[cars[2]];  //  BMW

Cú pháp khai báo mảng

Có một số cách khác nhau để khai báo mảng.

Cách 1: Sử dụng dấu ngoặc vuông “[ ]“ để khai báo mảng:

let arr = [element1, element2, element3];

Ví dụ:

let arr = ["Toyota", "Subaru", "BMW"];

Lưu ý: Dấu cách, hoặc dấu xuống dòng không có ảnh hưởng gì tới việc khai báo mảng. Chẳng hạn, chúng ta có thể khai báo trên nhiều dòng như sau:

let arr = [
    "Toyota",
    "Subaru",
    "BMW"
];

Cách 2: Sử dụng từ khoá new:

let arr = new Array["Toyota", "Subaru", "BMW"];

Việc sử dụng từ khoá new hay dấu ngoặc vuông đều cho kết quả như nhau. Thông thường thì cú pháp sử dụng dấu ngoặc vông được sử dụng nhiều hơn do ngắn gọn, dễ đọc.

Truy xuất một phần tử của mảng

Để truy xuất đến một phần tử của mảng thì chúng ta sử dụng tên mảng và chỉ số của phần tử đó.

Ví dụ, chúng ta truy xuất đến phần tử đầu tiên của mảng cars như sau:

let toy = cars[0];

Chúng ta cũng có thể sử dụng cách tương tự để gán giá trị cho các phần tử của mảng.

Ví dụ, chúng ta gán giá trị mới cho phần tử đầu tiên của mảng cars như sau:

cars[0] = "Huyndai";

Độ dài của mảng

Chúng ta sử dụng thuộc tính length để biết độ dài của mảng.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Trong ví dụ trên, độ dài của mảng sẽ là 3.

Duyệt phần tử trong mảng

Sử dụng vòng lặp để duyệt các phần tử trong mảng. Thông thường, vòng lặp for được sử dụng nhiều nhất khi duyệt mảng bởi tính tường minh của nó:

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Kết quả:

let cars = ["Toyota", "Subaru", "BMW"];

Thêm phần tử vào mảng

Hàm push[] sẽ thêm một phần tử mới vào phần cuối của mảng.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Hàm unshift[] sẽ thêm một phần tử mới và phần đầu của mảng.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Xoá phần tử của mảng

Hàm pop[] sẽ lấy đi phần tử cuối cùng của mảng.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Hàm shift[] sẽ lấy đi phần tử đầu tiên của mảng.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Sắp xếp mảng

Hàm sort[] sẽ giúp sắp xếp các phần tử của mảng theo một trật tự nhất định.

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Chúng ta cũng có thể đảo ngược trật tự của một mảng bằng cách sử dụng hàm reverse[].

Ví dụ:

let cars = ["Toyota", "Subaru", "BMW"];

Theo mặc định, phương thức sort[] sẽ so sánh các phần tử theo trật tự của các ký tự trong bảng chữ cái.

Chẳng hạn, phần tử “Apple” sẽ được đưa lên trước phần tử “Banana”.

Tuy nhiên, điều này sẽ gây sai sót khi so sánh các chữ số, chẳng hạn, số 100 sẽ được đưa lên trước số 25 [bởi vì số 1 đứng trước số 2 trong bảng chữ cái]. Trong trường hợp này, chúng ta cung cấp cho hàm sort[] một hàm so sánh, để nó thực hiện đúng chức năng của mình.

Mảng trong javascript là gì ? Tại sao phải sử sụng mảng ? Và sử dụng như thế nào ? Đáp án đã có trong bài viết này  và mình là anymous-4 :v.

Mảng trong javascript là gì, tại sao phải sử dụng mảng  ?

Mảng là một tập hợp các phần tử cố định có cùng một kiểu, được lưu trữ liên tiếp nhau trong các ô nhớ. Kiểu phần tử có thể là có các kiểu bất kỳ: ký tự, số, chuỗi ký tự…; cũng có khi ta sử dụng kiểu mảng để làm kiểu phần tử cho một mảng. Cái này mình coppy trên wiki đấy 😀

Theo mình thì mảng có chức năng như biến vậy là dùng để chứa dữ liệu. Tuy nhiên thì mảng nó to hơn, một biến chỉ chứa duy nhất một giá trị còn mảng thì thích bao nhiêu có bấy nhiêu.

Ví dụ nha, một bài tập có 1000 cái tham số chẳng lẽ bạn lại ngồi nhập 1000 cái biến ? Ngốc mới làm vậy, thay vì đó chúng ta sẽ tạo ra một cái mảng là đủ dùng rồi.

Ở javascript trong một mảng các giá trị không cần cùng kiểu dữ liệu, rất dễ dãi phải không 😀

Cách sử dụng mảng:

Khai báo: 

Gồm 3 cách[thấy thuận tay cái nào thì dùng cái đấy]:

1. Đưa giá trị vào luôn khi khai báo.
2. Khai báo rỗng rồi đưa tham số vào.
3. Khai báo theo hướng đối tượng.

Đưa giá trị vào luôn khi khai báo:

Cấu trúc:

1

var tên_mảng = [giá trị 1, giá trị 2, giá trị 3, ... ];

1

2

3

4

5

6

//VD1: Tạo mảng

var Ar = [1,2,3,4,'teemo','',];

console.log[Ar[0]];// 1

console.log[Ar[4]];// 'teemo'

console.log[Ar[5]];// null

console.log[Ar[6]];// undefined

Trong VD1 mình đã tạo ra mảng và truy xuất giá trị của các phần tử của mảng Array. Ar[0]  chính là phần tử thứ nhất của mảng có giá trị = 1.

Khai báo rỗng rồi đưa tham số vào:

Cấu trúc:

1

2

3

4

5

var tên_mảng = [];

tên_mảng[0] = giá trị 1;

tên_mảng[1] = giá trị 2;

..

tên_mảng[n] = giá trị n;

1

2

3

4

5

6

//VD2:

var Ar = [];

Ar[0] = 1;

Ar[2] = 'teemo';

Ar[3] = '';

Ar[10] = ;

Bạn có thể dùng hàm console.log để truy xuất các giá trị đã khởi tạo của mảng Ar.

Khai báo theo hướng đối tượng:

Cấu trúc:

1

Ar = new Array[];

1

2

3

4

5

//VD3:

Ar = new Array[1,2,3,4];//Nhập giá trị trực tiếp

Br = new Array[]; //Khai báo rỗng rồi nhập giá trị

Br[0] = 1;

Br[1] = 'Teemo';

Tương tự các bạn có thể dùng hàm console.log[] để truy xuất giá trị của mảng Ar và Br.

Duyệt mảng bằng for:

Đây chính là truy xuất giá trị của mảng mình thay cách viết thôi :3

1

2

3

4

5

6

//VD4:

Ar = new Array[1,2,3,4,5];

for[var i = 0; i