Object.values ​​() Trong JavaScript – javascript trong giá trị đối tượng

Cổng thông tin Khoa học Máy tính dành cho những người yêu thích máy tính. Nó bao gồm các bài báo về khoa học máy tính và lập trình được viết tốt, được tư duy tốt và được giải thích tốt, các câu đố và thực hành / lập trình cạnh tranh / các câu hỏi phỏng vấn công ty.

Bạn đang xem : javascript trong giá trị đối tượng

Cấu trúc đối tượng và đối tượng trong JavaScript?
Trong thế giới sống của đối tượng Lập trình định hướng chúng ta đã biết tầm quan trọng của các lớp và đối tượng nhưng không giống như các ngôn ngữ lập trình khác, JavaScript không có các lớp truyền thống như trong các ngôn ngữ khác. Nhưng JavaScript có các đối tượng và hàm tạo hầu như hoạt động theo cùng một cách để thực hiện cùng một loại hoạt động.

  • Hàm tạo là các hàm JavaScript chung được sử dụng với từ khóa “mới”. Các hàm tạo có hai loại trong JavaScript, tức là các hàm tạo tích hợp sẵn (mảng và đối tượng) và các hàm tạo tùy chỉnh (xác định thuộc tính và phương thức cho các đối tượng cụ thể).
  • Các hàm tạo có thể hữu ích khi chúng ta cần cách tạo một đối tượng “Kiểu” có thể được sử dụng nhiều lần mà không cần phải xác định lại đối tượng mỗi lần và điều này có thể đạt được bằng cách sử dụng hàm Object Constructor. Đó là một quy ước để viết hoa tên của các hàm tạo để phân biệt chúng với các hàm thông thường.

Ví dụ: hãy xem xét đoạn mã sau:

 chức năng Ô tô (màu) {
  this.color = màu;
}

var car1 = new Automobile ("red"); 

Hàm “Automobile ()” là một hàm tạo đối tượng và các thuộc tính và phương thức của nó, tức là “màu sắc” được khai báo bên trong nó bằng cách đặt tiền tố bằng từ khóa “ đây”. Các đối tượng được xác định bằng cách sử dụng một phương thức khởi tạo đối tượng sau đó được tạo ra các phiên bản bằng cách sử dụng từ khóa “mới”.
Khi ô tô mới () được gọi, JavaScript thực hiện hai việc:

Xem Thêm  Sử dụng .indexOf () để tìm một chuỗi trong một chuỗi trong JavaScript - js tìm thấy chuỗi trong chuỗi

  1. Nó tạo một đối tượng mới hoàn toàn mới ( instance) Automobile () và gán nó cho một biến.
  2. Nó đặt thuộc tính phương thức khởi tạo, tức là “màu sắc” của đối tượng thành Automobile.

Object. Phương thức giá trị ()
Phương thức object.values ​​() được sử dụng để trả về một mảng có các phần tử là các giá trị thuộc tính có thể liệt kê được tìm thấy trên đối tượng. Thứ tự của các thuộc tính giống như thứ tự do đối tượng đưa ra theo cách thủ công là một vòng lặp được áp dụng cho các thuộc tính.
Object.values ​​() nhận đối tượng làm đối số trong đó các giá trị thuộc tính có thể liệt kê được sẽ được trả về và trả về một mảng chứa tất cả các giá trị thuộc tính có thể liệt kê của đối tượng đã cho.
Ứng dụng:

  • Object.values ​​() được sử dụng để trả về các giá trị thuộc tính có thể liệt kê của một mảng đơn giản.
  • Object.values ​​() được sử dụng để trả về các giá trị thuộc tính có thể liệt kê của một mảng như đối tượng.
  • Object.values ​​() được sử dụng để trả về các giá trị thuộc tính có thể liệt kê của một mảng như đối tượng với thứ tự khóa ngẫu nhiên.

Cú pháp:

 Object.values ​​(obj) 

Tham số được sử dụng:

  1. obj: Là đối tượng có các giá trị thuộc tính có thể liệt kê được sẽ được trả về.

Giá trị trả về:
Object.values ​​() trả về một mảng chứa tất cả các giá trị thuộc tính có thể liệt kê của đối tượng đã cho.

Ví dụ:

 Đầu vào: var check = ['x', 'y', 'z'] ;
        console.log (Object.values ​​(kiểm tra));
Đầu ra: Array ["x", "y", "z"] 

Giải thích: Trong ví dụ này, một mảng “kiểm tra” có ba giá trị thuộc tính [‘x’, ‘y’, ‘z’ ] và phương thức object.values ​​() trả về các giá trị thuộc tính có thể liệt kê của mảng này. Thứ tự của các thuộc tính giống như thứ tự của đối tượng theo cách thủ công.

 Đầu vào: var object = {0: '23', 1: 'geeksforgeeks', 2: 'true'};
        console.log (Object.values ​​(đối tượng));
Đầu ra: Array ["23", "geeksforgeeks", "true"] 

Giải thích: Trong ví dụ này, một mảng như đối tượng “check” có ba giá trị thuộc tính {0: ’23’, 1: ‘ geeksforgeeks ‘, 2:’ true ‘} và phương thức object.values ​​() trả về các giá trị thuộc tính có thể đếm được của mảng này. Thứ tự của các thuộc tính giống như thứ tự của đối tượng theo cách thủ công.

 Đầu vào: var object = {70: 'x', 21: 'y', 35: 'z'};
        console.log (Object.values ​​(đối tượng));
Đầu ra: Array ["y", "z", "x"] 

Giải thích: Trong ví dụ này, một mảng như đối tượng “check” có ba giá trị thuộc tính {70: ‘x’, 21: ‘ y ‘, 35:’ z ‘} theo thứ tự ngẫu nhiên và phương thức object.values ​​() trả về các giá trị thuộc tính có thể đếm được của mảng này theo thứ tự tăng dần của giá trị chỉ số.

Xem Thêm  HTML - Liên kết Văn bản - thêm liên kết vào văn bản html

Mã 1:

javascript

< code class = "trơn"> & lt; script & gt;

< p class = "line number4 index3 alt1"> var check = [ 'x' < / code> , 'y' , 'z' ];

console.log ( Object.values ​​(kiểm tra));

& lt; / script & gt;

 
 

ĐẦU RA:

 Mảng [" x "," y "," z "] 

Mã 2:

javascript

< p>

& lt; script & gt;

var object = {0: '23' , 1: ' geeksforgeeks ' , 2: ' true ' };

console.log (Object.values ​​(object));

& lt; / script & gt;

 
 

ĐẦU RA:

 Mảng ["23", "geeksforgeeks", "true"] 

Mã 3:

javascript

< br />

& lt; script & gt;

var object = {70: 'x' , 21: 'y' , 35: 'z' };

console.log (Object.values ​​(object));

& lt; / script & gt;

 
 

ĐẦU RA:

 Mảng [" y "," z "," x "] 

Ngoại lệ:

  • Nó gây ra Lỗi kiểu nếu đối số được truyền vào không phải là một đối tượng.
  • Nếu một đối tượng không được chuyển làm đối số cho phương thức, thì nó sẽ thuyết phục nó và coi nó như một đối tượng.

Trình duyệt được hỗ trợ:

< ul>

  • Chrome 54 trở lên
  • Edge 14 trở lên
  • Firefox 47 trở lên
  • Opera 41 trở lên
  • safari 10.1 trở lên
  • Tham khảo: https://developer.mozilla.org/en-US/docs/Web/JavaScript / Tham chiếu / Global_Objects / Đối tượng / giá trị

    Ghi chú cá nhân của tôi


    Xem thêm những thông tin liên quan đến chủ đề javascript trong giá trị đối tượng

    Đối tượng trong Javascript

    • Tác giả: Thầy Long Web
    • Ngày đăng: 2022-03-25
    • Đánh giá: 4 ⭐ ( 2868 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Hướng dẫn tạo đối tượng trong Javascript và sử dụng các đối tượng có sẵn trong javascript
      Link: https://longnv.name.vn/lap-trinh-javascript/lap-trinh-doi-tuong-trong-javascript-va-mo-hinh-bom

    Đối tượng Document trong JavaScript

    • Tác giả: viettuts.vn
    • Đánh giá: 5 ⭐ ( 2925 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Đối tượng document trong JavaScript đại diện cho toàn bộ tài liệu HTML. Khi tài liệu html được tải trong trình duyệt, nó sẽ trở thành một đối tượng document

    Object Javascript Và Những Điều Bạn Cần Biết

    • Tác giả: codelearn.io
    • Đánh giá: 4 ⭐ ( 2129 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Javascript có 5 kiểu dữ liệu Number, String, Boolean, Undefined, Null và còn 1 kiểu nữa đó là Object. Bài viết này chúng ta cùng tìm hiều về Object nhé!

    Đối tượng JavaScript

    • Tác giả: codefly.vn
    • Đánh giá: 4 ⭐ ( 8113 lượt đánh giá )
    • Khớp với kết quả tìm kiếm:

    Lập trình hướng đối tượng trong javascript

    • Tác giả: longnv.name.vn
    • Đánh giá: 4 ⭐ ( 1616 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Lập trình hướng đối tượng trong javascript hướng dẫn bạn các cách tạo đối tượng trong javavascript và các vấn đề trong OPP.

    Đối tượng Form trong JavaScript

    • Tác giả: voer.edu.vn
    • Đánh giá: 4 ⭐ ( 5570 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Đối tượng Form trong JavaScript (giáo trình - tài liệu - học liệu từ VOER)

    Căn bản về đối tượng trong JavaScript

    • Tác giả: hocjavascript.net
    • Đánh giá: 3 ⭐ ( 9951 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Một đối tượng là một tập hợp có liên quan với nhau giữa dữ liệu hoặc các chức năng. Một ví dụ để thấy rõ được căn bản về đối tượng trong JavaScript.

    Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình