Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Variable (Biến) trong JavaScript là gì?

Biến trong JavaScript là gì, và nó làm gì?

Trong JavaScript, và ngôn ngữ lập trình nói chung, biến là một container (vỏ chứa) bạn dùng để lưu trữ tham chiếu đến các giá trị để làm việc với chúng khi cần. Các giá trị này có thể là gần như bất cứ thứ gì, từ chuỗi (văn bản) đến số, đến hàm, thậm chí cả biến khác.

Một vài ví dụ:

  • Giá trị chuỗi: let name = 'James'
  • Giá trị số: let amount = 100
  • Giá trị hàm: let myFunction = function() {}
  • Giá trị biến: let fullName = firstName + lastName

Hãy tưởng tượng bạn muốn lưu tham chiếu đến danh sách người để truy cập và làm việc sau:

// Gán danh sách (mảng) người cho biến peopleList let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph'] // In ra danh sách console.log(peopleList)

Giờ, thay vì gõ toàn bộ danh sách mỗi lần cần dùng, bạn có thể truy cập và thao tác danh sách chỉ bằng cách tham chiếu biến peopleList, mà trỏ tới danh sách (mảng) người.

Mã trên gồm 3 yếu tố chính:

  • biến tham chiếu tên peopleList
  • toán tử gán: =
  • mảng/danh sách giá trị chuỗi: ['Arnold', 'Linda', 'Sylvester', 'Dolph']

Bạn có thể xem toán tử gán (=) như chất keo nối tên biến tham chiếu bên trái với giá trị bên phải (số, chuỗi, hàm, biến, v.v.).

Vậy bạn có thể làm gì với danh sách người?

Nhiều thứ. Một việc phổ biến nhất trong lập trình là thao tác CRUD, hãy dùng để học:

  • Create (Tạo)
  • Read (Đọc)
  • Update (Cập nhật)
  • Delete (Xóa)

Chúng ta đã làm phần Create khi tạo danh sách người.

Read chỉ nghĩa là lấy. Giả sử muốn lấy peopleList trên. Chúng ta đã thử với console.log() nhưng cũng có thể hiển thị danh sách trong hộp popup alert:

// Lấy danh sách người trong hộp popup alert(peopleList)

Hoặc giả sử chỉ muốn đọc/lấy giá trị người đầu tiên trong danh sách: 

// Lấy người đầu tiên từ danh sách người console.log(peopleList[0]) // logs out Arnold

Lưu ý: Trong JavaScript, mảng (danh sách) là zero-based, nghĩa là JavaScript đếm từ 0. 0 là 1, 1 là 2, v.v.

Đó là lý do [0] in ra Arnold người đầu tiên trong mảng.

Update nghĩa là thay đổi giá trị hiện có. Hãy thử đổi Sylvester thành Keanu rồi in kết quả:

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph'] peopleList[2] = 'Keanu' console.log(peopleList) // result: ["Arnold", "Linda", "Keanu", "Dolph"]

Delete nghĩa chính xác như bạn tưởng (xóa bỏ). Hãy thử xóa Arnold khỏi danh sách người (dùng lại mã trên):

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph'] peopleList[2] = 'Keanu' // Xóa mục đầu tiên khỏi mảng (Arnold) peopleList.shift() // result: ["Linda", "Keanu", "Dolph"

Nếu muốn xóa mục cuối mảng, thay shift() bằng pop().

Tiếp theo

Đây rõ ràng mới chỉ bề mặt về biến JavaScript, nhưng nên cho bạn ý tưởng tốt về việc chúng ta dùng chúng để làm gì, và chúng linh hoạt đến đâu.