Computer >> Máy Tính >  >> Lập trình >> Javascript

JavaScript Object.keys ():Hướng dẫn

Phương thức JavaScript Object.keys () truy xuất các khóa trong Đối tượng và trả về danh sách chứa các khóa đó. Thứ tự của các khóa trong danh sách cuối cùng là thứ tự chúng xuất hiện trong Đối tượng ban đầu.

Các đối tượng JavaScript (JS) bao gồm hai phần chính:khóa và giá trị.

Khi làm việc với một Đối tượng, bạn có thể muốn truy xuất danh sách các khóa được liên kết với nó. Đó là nơi mà JavaScript Object.keys () có trong phương thức. Phương thức này cho phép bạn tạo danh sách tất cả các tên thuộc tính trong một Đối tượng.

Sử dụng các ví dụ, hướng dẫn này sẽ thảo luận về cách sử dụng Object.keys () để trả về một danh sách các khóa được lưu trữ trong một Đối tượng. Chúng ta cũng sẽ thảo luận nhanh về cấu trúc của Đối tượng JavaScript.

Đối tượng JavaScript:Người làm mới

Đối tượng (với chữ “O” viết hoa) là kiểu dữ liệu ánh xạ trong JavaScript. Chúng ánh xạ các khóa đến các giá trị. Các giá trị được lưu trữ bởi một Đối tượng có thể bao gồm chuỗi, số, Boolean và các kiểu dữ liệu khác. Đây là một ví dụ về một Đối tượng trong JavaScript:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

Các từ ở bên trái dấu hai chấm (:) là phím trong từ điển của chúng tôi. Các từ ở bên phải dấu hai chấm là giá trị . Bạn có thể coi các Đối tượng JavaScript tương đương với từ điển Python, nhưng trong JavaScript.

JavaScript Object.keys ()

Phương thức JavaScript Object.keys () trả về các khóa bên trong Đối tượng JavaScript hoặc Đối tượng JSON. Các khóa này được lưu trữ theo thứ tự xuất hiện trong Đối tượng.

Cú pháp cho Object.keys () phương pháp là:

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ. 

Object.keys(object_name)

Object.keys () phương thức chấp nhận một tham số:tên của Đối tượng có các khóa bạn muốn truy xuất. Phương thức này trả về tên của tất cả các khóa trong Đối tượng bạn đã chỉ định, được lưu trữ dưới dạng danh sách JavaScript.

Lưu ý rằng bản thân phương thức được gọi là Object.keys (). Điều này là do các khóa () là một phương thức của Đối tượng. Bạn phải chỉ định Đối tượng có các khóa bạn muốn lấy làm tham số của Object.keys (). Bạn không thể nối các khóa () vào bất kỳ Đối tượng nào vì Đối tượng đó sẽ không có quyền truy cập vào phương thức khóa ().

Object.keys () Ví dụ JavaScript

Hãy cùng bạn xem qua một ví dụ để minh họa cách thức hoạt động của phương pháp này.

Trước đó, chúng tôi đã tạo một từ điển có tên “job_description” phác thảo một số thông tin về một công việc có sẵn tại một siêu thị địa phương. Đối tượng của chúng tôi chứa một boolean JavaScript, một chuỗi và một số nguyên. Bây giờ, giả sử chúng ta muốn truy xuất danh sách các khóa trong từ điển đó.

Chúng tôi có thể tạo danh sách này bằng mã sau:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

console.log(job_keys);

Mã của chúng tôi trả về:

["position", "floor_worker", "hours_per_week"]

Đầu tiên, chúng tôi đã khai báo một hằng số được gọi là “job_description”, nó lưu trữ một Đối tượng với thông tin về một công việc hiện có tại một siêu thị địa phương.

Sau đó, chúng tôi sử dụng Object.keys () để truy xuất danh sách các khóa được liên kết với từ điển và chúng tôi đã gán danh sách cho biến “job_keys”. Tiếp theo, chúng tôi in nội dung của danh sách “job_keys” ra bảng điều khiển JavaScript.

Như bạn có thể thấy, mã của chúng tôi trả về một danh sách có ba giá trị. Mỗi giá trị đại diện cho một tên khóa duy nhất trong Đối tượng của chúng tôi.

JS Object.keys ():Một ví dụ khác

Hãy thảo luận về một ví dụ khác về cách sử dụng phương pháp này.

Giả sử chúng ta muốn in ra danh sách các khóa trong Đối tượng của chúng ta, trước đó là “Tên khóa:“. Chúng tôi có thể làm như vậy bằng cách sử dụng mã này:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

for (var key of job_keys) {
	console.log("Key Name: " + key);
}

Mã của chúng tôi trả về:

Key Name: position
Key Name: floor_worker
Key Name: hours_per_week

Đầu tiên, chúng tôi xác định Đối tượng “job_description” có các khóa mà chúng tôi muốn in ra bảng điều khiển. Sau đó, chúng tôi sử dụng JS Object.keys () để truy xuất danh sách các khóa trong Đối tượng của chúng tôi.

Tiếp theo, chúng tôi sử dụng vòng lặp “for… of” để lặp lại mọi khóa trong Đối tượng “job_description” của chúng tôi.

Đối với mỗi khóa, chúng tôi in “Tên khóa:”, theo sau là tên của khóa, vào bảng điều khiển. Nếu bạn muốn tìm hiểu thêm về cách hoạt động của vòng lặp “for… of”, hãy đọc hướng dẫn dành cho người mới bắt đầu của chúng tôi về JavaScript cho vòng lặp.



Kết luận

Object.keys () phương thức truy xuất danh sách các khóa được lưu trữ trong Đối tượng JavaScript. Các khóa kết quả được lưu trữ trong một danh sách. Bạn không thể nối các khóa () vào cuối Đối tượng để lấy các khóa của nó. Bạn phải sử dụng cú pháp Object.keys ().

Hướng dẫn này đã thảo luận những kiến ​​thức cơ bản về Đối tượng JavaScript và cách sử dụng Object.keys () phương pháp. Bây giờ bạn đã sẵn sàng sử dụng Object.keys () để truy xuất danh sách các khóa trong Đối tượng giống như một nhà phát triển JavaScript chuyên nghiệp!

Để tìm hiểu thêm về cách viết mã trong JavaScript, hãy đọc hướng dẫn Cách học JavaScript của chúng tôi.