JavaScript:Object.values ():Hướng dẫn đầy đủ

Phương thức Object.values () của JavaScript truy xuất danh sách các giá trị trong một đối tượng. Bạn có thể lặp lại kết quả của phương thức giá trị () để xem nội dung của từng giá trị trong đối tượng.

Các đối tượng chứa các khóa và giá trị. Đôi khi, bạn sẽ chỉ muốn truy xuất các giá trị trong đối tượng. Giả sử chúng ta có một đối tượng lưu tên của tất cả những người trên bảng thành tích. Chúng tôi có thể chỉ muốn truy xuất tên của chúng từ đối tượng hơn là các khóa được liên kết với tên của chúng (tức là vị trí của chúng).

Đó là nơi xuất hiện của phương thức Object.values (). Phương thức này cho phép bạn xem tất cả các giá trị trong một đối tượng. Trong hướng dẫn này, chúng ta sẽ thảo luận về cách sử dụng phương thức Object.values (). Chúng tôi sẽ đề cập đến một ví dụ chi tiết để giúp bạn bắt đầu.

JavaScript Object.values ()

Phương thức JavaScript Object.values () nhận đối tượng và trả về các thuộc tính có thể liệt kê của nó trong một mảng. Các giá trị được sắp xếp như thể bạn lặp qua đối tượng theo cách thủ công và đẩy chúng vào một mảng.

Hãy xem cú pháp của phương thức này:

let players = {
	a: "lucy",
	b: "harry"
}

console.log(Object.values(players))

Phương thức Object.values () chấp nhận một đối số:tên của đối tượng có giá trị mà bạn muốn xem. Trong cú pháp này, chúng tôi in kết quả của phương thức ra bảng điều khiển.

Mã này trả về tên của các trình phát trong đối tượng JavaScript của chúng tôi: lucy và harry . Những tên này được trả về trong một danh sách, chúng tôi sẽ in ra bảng điều khiển JavaScript:

["lucy", "harry"]

Lưu ý rằng các giá trị theo thứ tự giống như trong từ điển.

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ọ.

Phương thức Object.values () là một cách dễ dàng để truy xuất các giá trị từ một đối tượng. Giải pháp thay thế là tạo một danh sách mới và lặp qua đối tượng bằng vòng lặp for, thêm từng giá trị vào danh sách mới. Phương pháp này cần nhiều thời gian hơn và nhiều mã hơn để viết.

Hãy xem một ví dụ về phương pháp này trong thực tế.

Object.values () Ví dụ JavaScript

Giả sử chúng ta có một đối tượng chứa thông tin về San Jose, một thành phố ở California. Chúng tôi muốn truy xuất tất cả thông tin về thành phố này mà không cần truy xuất các nhãn được liên kết với từng phần dữ liệu.

Hãy xem xét cặp khóa-giá trị này:

city: "San Jose",

Chúng tôi chỉ muốn truy xuất tên thành phố chứ không phải nhãn thành phố .

Hãy xem một chương trình sẽ cho phép chúng tôi thực hiện điều này:

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title></title>
  
 </head>
 <body>
   <div id="root"></div>
  <script async defer>
 
 
   const cityData =  {
     city: "San Jose",
     state: "California",
     area: 181.36,
     land: 178.24,
     water: 3.12,
     urban: 342.27,
     metro: 2694.61,
     elevation: 82,
     population: 1021795,
     timezone: "Los_Angeles/Pacific",
     website: "www.sanjoseca.gov"
   }
   let arr = Object.values(cityData);
 
   let root = document.getElementById('root');
   root.innerHTML = JSON.stringify(arr);
 
 
  </script>
 </body>
</html>

Đầu tiên, chúng tôi thiết lập một trang HTML chuẩn với thẻ , thẻ và một số thông tin meta cơ bản trong thẻ .

Chúng tôi sử dụng thẻ

JavaScript:Object.values ​​():Hướng dẫn đầy đủ