Làm cách nào để tìm hiểu mảng trong JavaScript?

Giả sử, một mảng có hai phần tử. Nếu bạn cố gắng thêm một phần tử ở chỉ số 3 (phần tử thứ tư), phần tử thứ ba sẽ không được xác định. Ví dụ,

let dailyActivities = [ 'eat', 'sleep'];

// this will add the new element 'exercise' at the 3 index
dailyActivities[3] = 'exercise';

console.log(dailyActivities); // ["eat", "sleep", undefined, "exercise"]

Về cơ bản, nếu bạn cố gắng thêm các phần tử vào các chỉ số cao, thì các chỉ số ở giữa sẽ có giá trị không xác định

---

Xóa phần tử khỏi mảng

Bạn có thể sử dụng phương thức

const array2 = new Array("eat", "sleep");

2 để xóa phần tử cuối cùng khỏi mảng. Phương thức

const array2 = new Array("eat", "sleep");

2 cũng trả về giá trị được trả về. Ví dụ,

const array1 = ["eat", "sleep"];

0

Nếu bạn cần loại bỏ phần tử đầu tiên, bạn có thể sử dụng phương pháp

const array2 = new Array("eat", "sleep");

4. Phương thức

const array2 = new Array("eat", "sleep");

4 loại bỏ phần tử đầu tiên và cũng trả về phần tử đã loại bỏ. Ví dụ,

const array1 = ["eat", "sleep"];

1

---

Độ dài mảng

Bạn có thể tìm độ dài của một phần tử (số phần tử trong một mảng) bằng cách sử dụng thuộc tính

const array2 = new Array("eat", "sleep");

6. Ví dụ,

const array1 = ["eat", "sleep"];

2

---

Phương thức mảng

Trong JavaScript, có nhiều phương thức mảng khác nhau giúp thực hiện các phép tính hữu ích dễ dàng hơn

Một số phương thức mảng JavaScript thường được sử dụng là

MethodDescriptionconcat() nối hai hoặc nhiều mảng và trả về một resultindexOf() tìm kiếm một phần tử của một mảng và trả về vị trí của nófind() trả về giá trị đầu tiên của một phần tử mảng vượt qua testfindIndex() trả về chỉ số đầu tiên của một phần tử mảng vượt qua

Thí dụ. Phương thức mảng JavaScript

const array1 = ["eat", "sleep"];

3

---

Hoạt động của mảng JavaScript

Trong JavaScript, một mảng là một đối tượng. Và, các chỉ số của mảng là các khóa đối tượng

Vì mảng là đối tượng nên các phần tử của mảng được lưu trữ theo tham chiếu. Do đó, khi một giá trị mảng được sao chép, bất kỳ thay đổi nào trong mảng được sao chép cũng sẽ phản ánh trong mảng ban đầu. Ví dụ,

const array1 = ["eat", "sleep"];

4

Bạn cũng có thể lưu trữ các giá trị bằng cách chuyển một khóa đã đặt tên vào một mảng. Ví dụ,

const array1 = ["eat", "sleep"];

5Lập chỉ mục mảng trong JavaScript

Tuy nhiên, không nên lưu trữ các giá trị bằng cách đặt tên tùy ý trong một mảng

Do đó trong JavaScript, bạn nên sử dụng một mảng nếu các giá trị nằm trong bộ sưu tập có thứ tự. Mặt khác, tốt hơn là sử dụng đối tượng với

const array2 = new Array("eat", "sleep");

7

Trong JavaScript, một mảng là một danh sách các giá trị được sắp xếp theo thứ tự. Mỗi giá trị được gọi là một phần tử được chỉ định bởi một chỉ số

Một mảng JavaScript có các đặc điểm sau

1. Đầu tiên, một mảng có thể chứa các giá trị thuộc nhiều loại khác nhau. Ví dụ: bạn có thể có một mảng lưu trữ các phần tử có kiểu số, chuỗi, boolean và null
2. Thứ hai, kích thước của một mảng là động và tự động tăng. Nói cách khác, bạn không cần chỉ định trước kích thước mảng

Tạo mảng JavaScript

JavaScript cung cấp cho bạn hai cách để tạo một mảng. Việc đầu tiên là sử dụng hàm tạo

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

3 như sau.

let scores = new Array();
Code language: JavaScript (javascript)

Mảng

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

4 trống, không chứa bất kỳ phần tử nào

Nếu bạn biết số lượng phần tử mà mảng sẽ chứa, bạn có thể tạo một mảng với kích thước ban đầu như trong ví dụ sau

let scores = Array(10);
Code language: JavaScript (javascript)

Để tạo một mảng và khởi tạo nó với một số phần tử, bạn chuyển các phần tử dưới dạng danh sách được phân tách bằng dấu phẩy vào hàm tạo

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

5

Ví dụ: phần sau tạo mảng

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

4 có năm phần tử (hoặc số)

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

Lưu ý rằng nếu bạn sử dụng hàm tạo

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

5 để tạo một mảng và truyền một số vào đó, thì bạn đang tạo một mảng có kích thước ban đầu

Tuy nhiên, khi bạn chuyển một giá trị thuộc loại khác như

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

8 vào hàm tạo

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

5, bạn sẽ tạo một mảng có phần tử có giá trị đó. Ví dụ

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

JavaScript cho phép bạn bỏ qua toán tử

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'



Code language: JavaScript (javascript)

0 khi bạn sử dụng hàm tạo Array(). Ví dụ: câu lệnh sau tạo mảng 

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

1

let artists = Array();
Code language: JavaScript (javascript)

Trong thực tế, bạn sẽ hiếm khi sử dụng hàm tạo

let scores = new Array(9,10,8,7,6);
Code language: JavaScript (javascript)

5 để tạo một mảng

Cách ưa thích hơn để tạo một mảng là sử dụng ký hiệu mảng

let arrayName = [element1, element2, element3, ...];
Code language: JavaScript (javascript)

Dạng chữ của mảng sử dụng dấu ngoặc vuông

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

3 để bọc một danh sách các phần tử được phân tách bằng dấu phẩy

Ví dụ sau tạo mảng

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

4 chứa các phần tử chuỗi

let colors = ['red', 'green', 'blue'];
Code language: JavaScript (javascript)

Để tạo một mảng trống, bạn sử dụng dấu ngoặc vuông mà không chỉ định bất kỳ phần tử nào như thế này

let emptyArray = [];
Code language: JavaScript (javascript)

Truy cập các phần tử mảng JavaScript

Các mảng JavaScript được lập chỉ mục dựa trên số không. Nói cách khác, phần tử đầu tiên của một mảng bắt đầu từ chỉ số 0, phần tử thứ hai bắt đầu từ chỉ số 1, v.v.

Để truy cập một phần tử trong một mảng, bạn chỉ định một chỉ mục trong dấu ngoặc vuông

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

3

arrayName[index]
Code language: CSS (css)

Phần sau đây cho biết cách truy cập các phần tử của mảng

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

6

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];

console.log(mountains[0]); // 'Everest'
console.log(mountains[1]); // 'Fuji'
console.log(mountains[2]); // 'Nanga Parbat'
Code language: JavaScript (javascript)

Để thay đổi giá trị của phần tử, bạn gán giá trị đó cho phần tử như thế này

let scores = Array(10);
Code language: JavaScript (javascript)

0

đầu ra

let scores = Array(10);
Code language: JavaScript (javascript)

1

Lấy kích thước mảng

Thông thường, thuộc tính

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

7 của một mảng trả về số phần tử. Ví dụ sau đây cho thấy cách sử dụng thuộc tính

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

8

let scores = Array(10);
Code language: JavaScript (javascript)

2

Các thao tác cơ bản trên mảng

Sau đây giải thích một số thao tác cơ bản trên mảng. Và bạn sẽ học các thao tác nâng cao như

let athletes = new Array(3); // creates an array with initial size 3
let scores = new Array(1, 2, 3); // create an array with three numbers 1,2 3
let signs = new Array('Red'); // creates an array with one element 'Red'
Code language: JavaScript (javascript)

9,

let artists = Array();
Code language: JavaScript (javascript)

0 và

let artists = Array();
Code language: JavaScript (javascript)

1 trong các hướng dẫn tiếp theo

Làm cách nào để có được một mảng trong JavaScript?

Làm cách nào để làm chủ mảng trong JavaScript?

Ví dụ về mảng trong JavaScript là gì?

Mảng cho người mới bắt đầu là gì?