Giới thiệu về Mảng JavaScript

Giới thiệu nhẹ nhàng về Mảng, một khối xây dựng chính của JavaScript

Mảng là một tập hợp các phần tử.

Mảng trong JavaScript không phải là mộtkiểucủa riêng họ.

Mảng làcác đối tượng.

Chúng ta có thể khởi tạo một mảng trống theo 2 cách khác nhau sau:

const a = []
const a = Array()

Đầu tiên là sử dụngcú pháp chữ mảng. Cách thứ hai sử dụng chức năng tích hợp trong Array.

Bạn có thể điền trước mảng bằng cú pháp sau:

const a = [1, 2, 3]
const a = Array.of(1, 2, 3)

Một mảng có thể chứa bất kỳ giá trị nào, ngay cả giá trị của các kiểu khác nhau:

const a = [1, 'Flavio', ['a', 'b']]

Vì chúng ta có thể thêm một mảng vào một mảng, chúng ta có thể tạo mảng nhiều chiều, có các ứng dụng rất hữu ích (ví dụ: ma trận):

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
]

matrix[0][0] //1 matrix[2][0] //7

Bạn có thể truy cập bất kỳ phần tử nào của mảng bằng cách tham chiếu chỉ mục của nó, bắt đầu từ 0:

a[0] //1
a[1] //2
a[2] //3

Bạn có thể khởi tạo một mảng mới với một tập hợp các giá trị bằng cách sử dụng cú pháp này, cú pháp này trước tiên sẽ khởi tạo một mảng gồm 12 phần tử và điền vào mỗi phần tử bằng0con số:

Array(12).fill(0)

Bạn có thể lấy số phần tử trong mảng bằng cách kiểm tralengthbất động sản:

const a = [1, 2, 3]
a.length //3

Lưu ý rằng bạn có thể đặt độ dài của mảng. Nếu bạn gán một số lớn hơn dung lượng hiện tại của mảng, không có gì xảy ra. Nếu bạn gán một số nhỏ hơn, mảng sẽ bị cắt ở vị trí đó:

const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]

Cách thêm một mục vào một mảng

Chúng ta có thể thêm một phần tử vào cuối mảng bằng cách sử dụngpush()phương pháp:

a.push(4)

Chúng ta có thể thêm một phần tử vào đầu một mảng bằng cách sử dụngunshift()phương pháp:

a.unshift(0)
a.unshift(-2, -1)

Cách xóa một mục khỏi một mảng

Chúng ta có thể xóa một mục khỏi phần cuối của mảng bằng cách sử dụngpop()phương pháp:

a.pop()

Chúng ta có thể xóa một mục khỏi đầu mảng bằng cách sử dụngshift()phương pháp:

a.shift()

Cách nối hai hoặc nhiều mảng

Bạn có thể nối nhiều mảng bằng cách sử dụngconcat():

const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1,2,3,4]
a //[1,2]
b //[3,4]

Bạn cũng có thể sử dụngLan trànnhà điều hành (...) theo cách này:

const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1,2,3,4]

Cách tìm một mục cụ thể trong mảng

Bạn có thể dùngfind()phương thức của một mảng:

a.find((element, index, array) => {
  //return true or false
})

Trả về mục đầu tiên trả về true. Trả về không xác định nếu phần tử không được tìm thấy.

Cú pháp thường được sử dụng là:

a.find(x => x.id === my_id)

Dòng trên sẽ trả về phần tử đầu tiên trong mảng cóid === my_id.

findIndex()hoạt động tương tự nhưfind(), nhưng trả về chỉ mục của mục đầu tiên trả về true và nếu không tìm thấy, nó sẽ trả về-1:

a.findIndex((element, index, array) => {
  //return true or false
})

Một phương pháp khác làincludes():

a.includes(value)

Trả về true nếuachứa đựngvalue.

a.includes(value, i)

Trả về true nếuachứa đựngvaluesau vị tríi.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: