Hướng dẫn mảng trong javascript

Ở phần hằng và biến trong javascript mình cũng có nói qua về cách khai báo mảng trong javascript rồi. Nhưng đó mới chỉ là mức độ khai báo còn sử dụng thì mình chưa nói, nên bài này mình sẽ giới thiệu lại với mọi người về mảng trong javascript một cách chi tiết hơn.

1, Khai báo mảng.

-Ở trong javascript chúng ta có thể khai báo mảng bằng 2 cách sau đây:

Khai báo bằng dấu []

-Đối với cách này các bạn khai báo theo cú pháp sau:

var arr = [value1, value2, ..., valuen];

Trong đó:

  • arr là tên biến mảng.
  • value1,...valuen là các giá trị của mảng mà các bạn muốn tạo.

VD: Khai báo mảng arr gồm các số: 1,2,4,5,9,6 bằng dấu

var arr = new Array[value1, value2, ..., valuen];
1.

var arr = [1, 2, 4, 5, 9, 6];

Khai báo bằng new Array[]

-Đối với cách này các bạn khai báo với cú pháp như sau:

var arr = new Array[value1, value2, ..., valuen];

Trong đó:

  • arr là tên biến mảng.
  • value1,...valuen là các giá trị của mảng mà các bạn muốn tạo.

VD: Khai báo mảng arr gồm các số: 1,2,4,5,9,6 bằng từ khóa

var arr = new Array[value1, value2, ..., valuen];
2.

var arr = new Array[1, 2, 4, 5, 9, 6];

2, Truy xuất mảng.

-Sau khi đã tạo được mảng rồi thì chúng ta cần phải truy xuất thông tin của mảng. Để có thể lấy ra giá trị của một thành phần trong mảng thì chúng ta sử dụng cú pháp sau:

arr[index];

Trong đó: arr là tên biến mảng, index là vị trí của mảng[bắt đầu từ 0].

VD:

var arr = new Array[1, 2, 4, 5, 9, 6];
alert[arr[1]];
//result: 2

Xem Kết Quả

3, Các hàm xử lý mảng.

-Sau đây mình xin tổng hợp lại các hàm xử lý mảng mà javascript đã tích hợp sẵn cho chúng ta.

Length

-Đây là một thuộc tính trong mảng, trả về số lượng phần tử đang có trong mảng.

Cú pháp:

arr.length;

Trong đó: arr là tên của biến mảng.

VD:

var arr = new Array[1, 2, 4, 5, 9, 6];
alert[arr.length];

Xem Kết Quả

Hàm join[]

-Hàm này có tác dụng gộp tất cả các phần tử có trong mảng thành một chuỗi.

Cú Pháp:

arr.join[string];

Trong đó:

  • arr là tên biến mảng mà chúng ta cần gộp.
  • string là chuỗi phân cách giữa các phần tử sau khi gộp [để trống là ngăn cách bằng dấu
    var arr = new Array[value1, value2, ..., valuen];
    3].

VD:

//gộp mảng mặc định
document.write[arr.join[] + '
']; //result: 1,2,4,5,9,6 //gộp mảng ngăn cách nhau bằng - document.write[arr.join['-'] + '
']; //result: 1-2-4-5-9-6

Xem Kết Quả

Hàm valueOf[]

-Hàm này tương tự như hàm

var arr = new Array[value1, value2, ..., valuen];
4, nhưng chỉ có thể nối các phần tử trong mảng bằng dấy
var arr = new Array[value1, value2, ..., valuen];
3 thôi.

Hàm push[]

-Hàm này có tác dụng thêm một hoặc nhiều phần tử vào cuối mảng.

VD:

var arr = [1, 2, 4, 5, 9, 6];
0

Xem Kết Quả

Hàm pop[]

-Hàm này có tác dụng xóa phần tử cuối cùng trong mảng.

VD:

var arr = [1, 2, 4, 5, 9, 6];
1

Xem Kết Quả

Hàm unshift[]

-Hàm này có tác dụng thêm một hoặc nhiều phần tử vào đầu mảng.

VD:

var arr = [1, 2, 4, 5, 9, 6];
2

Xem Kết Quả

Hàm shift[]

-Hàm này có tác dụng xóa phần tử đầu tiên của mảng.

VD:

var arr = [1, 2, 4, 5, 9, 6];
3

Xem Kết Quả

Hàm splice[]

-Hàm này có tác dụng thêm phần tử vào mảng theo một vị trí xác định.

Cú pháp:

var arr = [1, 2, 4, 5, 9, 6];
4

Trong đó:

  • arr là tên biến mảng các bạn muốn thêm vào.
  • index là vị trí mà các bạn muốn thêm phần tử vào [bắt đầu từ 0].
  • howmany là số phần tử sẽ xóa tính tự vị trí thêm mảng, để 0 nếu không muốn xóa phần tử nào.
  • item1,...itemX là giá trị của các phần tử muốn thêm vào.

VD:

var arr = [1, 2, 4, 5, 9, 6];
5

Xem Kết Quả

Hàm concat[]

-Hàm này có tác dụng ghép 2 mảng lại với nhau.

VD:

var arr = [1, 2, 4, 5, 9, 6];
6

Xem Kết Quả

Hàm slice[]

-Hàm này có tác dụng lấy ra một hoặc một số phần tử trong mảng.

Cú pháp:

var arr = [1, 2, 4, 5, 9, 6];
7

Trong đó:

  • arr là tên biến mảng các bạn muốn thêm vào.
  • begin là vị trí bắt đầu.
  • end là vị trí kết thúc, nếu muốn cắt từ vị trí đầu đến hết thì bỏ trống giá trị này.

VD:

var arr = [1, 2, 4, 5, 9, 6];
8

Xem Kết Quả

Hàm sort[]

-Hàm này có tác dụng sắp xếp lại mảng theo chiều tăng dần, nếu là số thì từ bé đến lớn, chữ thì sắp xếp theo alpha[a-z].

VD:

var arr = [1, 2, 4, 5, 9, 6];
9

Xem Kết Quả

Hàm reverse[]

-Hàm này có tác dụng đảo ngược vị trí các phần tử của mảng.

VD:

var arr = new Array[value1, value2, ..., valuen];
0

Xem Kết Quả

3, Lời kết.

-Như vậy mình đã giới thiệu xong đến mọi người về mảng trong javascript rồi, phần sau chúng ta sẽ bắt đầu chuyển qua tìm hiểu về object trong javascript.

Chủ Đề