Biến trong JavaScript là gì và nó có chức năng gì?
Trong JavaScript và trong các ngôn ngữ lập trình nói chung, một biến là một vùng chứa mà bạn sử dụng để lưu trữ các tham chiếu đến các giá trị để bạn có thể thực hiện mọi việc với chúng khi cần. Các giá trị này có thể là bất cứ thứ gì, từ chuỗi (văn bản) đến số, đến hàm, thậm chí là cá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 rằng bạn muốn lưu trữ một tham chiếu đến danh sách những người mà bạn muốn truy cập và làm những việc với họ sau này:
// Assign list (array) of people to the peopleList variable
let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']
// Log out the list
console.log(peopleList)
Giờ đây, thay vì nhập toàn bộ danh sách mỗi khi cần sử dụng, bạn có thể truy cập và thao tác với danh sách bằng cách chỉ cần tham chiếu đến peopleList
biến đó điểm vào danh sách (mảng) người.
Đoạn mã trên bao gồm 3 yếu tố chính:
- biến tham chiếu có tên
peopleList
- một Toán tử chuyển nhượng:
=
- một mảng / danh sách các giá trị chuỗi:
['Arnold', 'Linda', 'Sylvester', 'Dolph']
Bạn có thể xem toán tử gán (=
) như chất keo kết nối tham chiếu tên biến ở 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 mọi người?
Nhiều thứ. Một trong những điều phổ biến nhất phải làm trong lập trình là hoạt động CRUD, vì vậy hãy sử dụng điều đó để tìm hiểu:
- Tạo
- Đọc
- Cập nhật
- Xóa
Chúng tôi đã thực hiện Tạo một phần khi chúng tôi tạo danh sách mọi người.
Đọc chỉ có nghĩa là nhận được. Giả sử chúng tôi muốn có được Danh sách mọi người ở trên. Chúng tôi đã thử điều đó với console.log()
nhưng chúng tôi cũng có thể hiển thị danh sách trong hộp bật lên cảnh báo:
// Get list of people in a popup box
alert(peopleList)
Hoặc giả sử chúng tôi chỉ muốn đọc / nhận giá trị của người đầu tiên trong danh sách mọi người:
// Get first person from people list
console.log(peopleList[0])
// logs out Arnold
Lưu ý:Trong JavaScript, mảng (danh sách) dựa trên 0, có nghĩa là JavaScript đếm từ 0. 0 là 1, 1 là 2, v.v.
Đó là lý do tại sao [0]
đăng xuất Arnold, người đầu tiên trong mảng.
Cập nhật có nghĩa là thay đổi (các) giá trị hiện có. Hãy thử hoán đổi Sylvester
với Keanu
và sau đó đăng xuất kết quả:
let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']
peopleList[2] = 'Keanu'
console.log(peopleList)
// result: ["Arnold", "Linda", "Keanu", "Dolph"]
Xóa có nghĩa là chính xác những gì bạn tưởng tượng (loại bỏ nội dung). Hãy thử xóa Arnold khỏi danh sách mọi người (chúng tôi sẽ sử dụng lại mã ở trên):
let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']
peopleList[2] = 'Keanu'
// Remove first item from array (Arnold)
peopleList.shift()
// result: ["Linda", "Keanu", "Dolph"
Nếu bạn muốn xóa mục mảng cuối cùng, hãy hoán đổi shift()
ra với pop()
.
Tiến lên
Đây rõ ràng chỉ là sơ lược về bề mặt của các biến JavaScript, nhưng nó sẽ cung cấp cho bạn một ý tưởng tốt về những gì chúng tôi sử dụng chúng và mức độ linh hoạt của chúng.