Làm cách nào để lấy một khóa từ đối tượng trong JavaScript?

Yêu cầu chung mà chúng tôi gặp phải khi làm việc với các đối tượng javascript là lấy cặp khóa-giá trị đầu tiên của một đối tượng. Bài viết này trình bày các cách dễ dàng để lấy khóa/giá trị/thuộc tính đầu tiên của đối tượng javascript bằng các phương thức khác nhau và các ví dụ minh họa khác nhau

Mục lục

• Sử dụng đối tượng. phím()
• Sử dụng phép lặp
• Sử dụng đối tượng. giá trị()
• Sử dụng đối tượng. mục()

Sử dụng đối tượng. phím()

Đối tượng của Javascript. keys() trả về một mảng vô số tên thuộc tính của đối tượng. Phương thức lặp lại các khóa theo thứ tự như của một vòng lặp tiêu chuẩn.

Ví dụ. -

Lấy cặp khóa-giá trị đầu tiên của đối tượng { personFirstName. 'George', personLastName. 'Smith', dateOfBirth. ‘14 tháng 11 năm 1984’ , TP. ‘Santiago’}

quảng cáo

Mã số. -

let personObject =  { personFirstName: 'George', personLastName: 'Smith', dateOfBirth: 'Nov 14 1984' , city : 'Santiago'};
var firstPropertyName = Object.keys(personObject)[0]; 
var firstPropertyValue = personObject[Object.keys(personObject)[0]]; 
console.log(firstPropertyName + ": " + firstPropertyValue);

đầu ra. -

personFirstName: George

Giải trình. -

Ở đây, trong đoạn mã trên, chúng ta nhận được một mảng gồm tất cả các tên thuộc tính trong Đối tượng. khóa (personObject). Sau đó, trong biến firstPropertyName, chúng ta truy cập phần tử đầu tiên của mảng này dưới dạng khóa và personObject[Object. keys(personObject)[0]] đưa ra giá trị thuộc tính đầu tiên

Sử dụng phép lặp

Ví dụ. -

Lấy cặp khóa-giá trị đầu tiên của đối tượng { personFirstName. 'George', personLastName. 'Smith', dateOfBirth. ‘14 tháng 11 năm 1984’ , TP. ‘Santiago’}

Mã số. -

let personObject =  { personFirstName: 'George', personLastName: 'Smith', dateOfBirth: 'Nov 14 1984' , city : 'Santiago'};
for (var k in personObject) 
{
      console.log( k + ": " + personObject[k]);
      break;
 }

đầu ra. -

personFirstName: George

Giải trình. -

Ở đây, trong đoạn mã trên, chúng tôi lặp lại đối tượng bằng cách sử dụng for-in loop nhưng ngay sau khi chúng tôi nhận được thuộc tính đầu tiên từ biến k và giá trị thuộc tính đầu tiên bằng cách sử dụng .

Sử dụng đối tượng. giá trị()

Đối tượng của Javascript. values() trả về một mảng các giá trị thuộc tính có thể đếm được của đối tượng.

Ví dụ. -

Lấy giá trị đầu tiên của đối tượng { personFirstName. 'George', personLastName. 'Smith', dateOfBirth. ‘14 tháng 11 năm 1984’ , TP. ‘Santiago’}

Mã số. -

let personObject =  { personFirstName: 'George', personLastName: 'Smith', dateOfBirth: 'Nov 14 1984' , city : 'Santiago'};
var firstPropertyValue = Object.values(personObject)[0]; 
console.log(firstPropertyValue);

đầu ra. -

George

Giải trình. -

Ở đây, trong đoạn mã trên, chúng ta nhận được một mảng gồm tất cả các giá trị thuộc tính trong Đối tượng. giá trị (personObject). Sau đó, trong biến firstPropertyValue, chúng tôi truy cập phần tử đầu tiên của mảng này

Sử dụng đối tượng. mục()

Đối tượng của Javascript. entry() trả về một mảng có thể đếm được các cặp khóa-giá trị của đối tượng.

Ví dụ. -

Lấy cặp khóa-giá trị đầu tiên của đối tượng { personFirstName. 'George', personLastName. 'Smith', dateOfBirth. ‘14 tháng 11 năm 1984’ , TP. ‘Santiago’}

Mã số. -

let personObject =  { personFirstName: 'George', personLastName: 'Smith', dateOfBirth: 'Nov 14 1984' , city : 'Santiago'};
var firstPropertyName = Object.entries(personObject)[0][0];
var firstPropertyValue = Object.entries(personObject)[0][1];
console.log(firstPropertyName + ": " + firstPropertyValue);

đầu ra. -

personFirstName: George

Giải trình. -

• Ở đây, trong đoạn mã trên, chúng ta nhận được một mảng gồm tất cả các cặp key-value của đối tượng personObject bằng cách sử dụng Object. mục (personObject).
• Sau đó, trong biến firstPropertyName, chúng tôi truy cập khóa đầu tiên (Object. các mục (personObject) [0] [0]) từ mảng này
• Trong biến firstPropertyValue chúng ta truy xuất giá trị đầu tiên (Object. các mục (personObject) [0] [1]) từ mảng này

Tôi hy vọng bài viết này đã giúp bạn lấy khóa/giá trị/thuộc tính đầu tiên của một đối tượng trong javascript. Chúc may mắn

đối tượng. keys() phương thức được sử dụng để truy cập các khóa của một đối tượng trong JavaScript. Thứ tự trong đối tượng. keys() phương thức giống như vòng lặp tiêu chuẩn. Hướng dẫn này sẽ minh họa cách lấy khóa Đối tượng trong JavaScript bằng cách sử dụng Đối tượng. phương thức keys(). Kết quả của bài viết này được đưa ra như sau

• Làm thế nào để đối tượng. phương thức keys() hoạt động
• Cách sử dụng Đối tượng JavaScript. phương thức keys()

Cách lấy khóa đối tượng trong JavaScript

Có thể đạt được các khóa Đối tượng  bằng cách sử dụng Đối tượng. phương thức keys(). Trong JavaScript, đối tượng. keys() phương thức trả về một mảng chứa tất cả các tên thuộc tính có thể đếm được của chính đối tượng. Cơ chế hoạt động và chức năng của Object. keys() phương thức được cung cấp trong các phần sắp tới

Đối tượng JavaScript như thế nào. keys() hoạt động
Đối tượng. keys() phương thức truy xuất các giá trị thuộc tính có thể đếm được của một đối tượng và trả về đầu ra ở dạng mảng.

Cú pháp của đối tượng JavaScript. keys() phương pháp được đưa ra như sau

Đối tượng . phím( obj );

Ở đây, 'obj' là tham số có khóa được trả về

Đối tượng JavaScript. keys() phương thức trả về mảng của một chuỗi để đại diện cho các phím có thể đếm được trên một đối tượng được chỉ định

Trong JavaScript, có hai thuộc tính của khóa Đối tượng được đề cập sau đây

• đếm được. Một thuộc tính đếm được của một đối tượng được đặt là “True”
• Không đếm được. Thuộc tính không đếm được của một đối tượng được đặt thành “Sai”

Cách sử dụng Đối tượng JavaScript. keys() method
Đối tượng. keys() phương thức chấp nhận các đối số làm đầu vào và trả về một mảng với các khóa duy nhất. Một đối tượng có thể là một số, một ký hiệu hoặc một chuỗi. Nó không thể là null hoặc không xác định. Trong phần này, bạn sẽ tìm hiểu cách lấy các khóa Đối tượng trong JavaScript bằng cách sử dụng Đối tượng. keys() phương pháp với các ví dụ.

Ví dụ. Cách lấy khóa Đối tượng của vô số thuộc tính trong JavaScript
Trong Javascript, Đối tượng. keys() phương thức được sử dụng để lấy các khóa Đối tượng của đối tượng mảng. Trong ví dụ này, chúng tôi sẽ chỉ cho bạn cách lấy các khóa đối tượng của một đối tượng.

Sinh viên = {
    tên . "ALI",
    tuổi . 26,
    điểm . 85,
  };< .
 
  // get all keys of Student
  std = Object.phím( Học sinh ); .
  console.log( std );

Trong mã này, một đối tượng “Sinh viên” chứa ba khóa và ba giá trị. đối tượng. keys() được áp dụng trên đối tượng “Student” để truy xuất các khóa

Sau khi áp dụng Đối tượng. keys(), các key của đối tượng ‘student’ được hiển thị trên console

Ví dụ. Cách lấy khóa Đối tượng của Thuộc tính không thể đếm được trong JavaScript
Trong JavaScript, Đối tượng. keys() phương thức chỉ trả về vô số thuộc tính của đối tượng. Hãy tham khảo đoạn mã sau để lấy các khóa thuộc tính không đếm được của một đối tượng.

phím = Đối tượng . tạo({}, . {
    getName: {
        giá trị . hàm () { return . this.tên; }
    }< .
});
keys.tên = 'LinuxHint';

console.log(Đối tượng . phím( phím ));

Mã này tường thuật rằng một đối tượng được tạo trong đó hàm có giá trị null. Tuy nhiên, phải có một giá trị cho một đối tượng. Nếu không, nó sẽ không trả về khóa thuộc tính. Ví dụ cho thấy rằng nếu hàm được gọi trống, nó sẽ chỉ trả về tên

Kết quả trả về cho thấy rằng khi một giá trị null hoặc không xác định được truyền vào, hàm chỉ trả về “[‘name’]”

Phần kết luận

Vật. keys() là một chức năng tích hợp sẵn của JavaScript được sử dụng để truy cập các khóa Đối tượng. Phương thức này trả về một mảng các chuỗi. Bài viết này cung cấp kiến ​​thức chuyên sâu về cách lấy khóa đối tượng trong JavaScript. Để hiểu rõ hơn, chúng tôi đã minh họa hoạt động và cách sử dụng Object. phương thức entry() với các ví dụ phù hợp

Làm cách nào để lấy một khóa trong đối tượng JavaScript?

Làm cách nào để lấy một thuộc tính từ đối tượng trong JavaScript?

Làm cách nào để lấy cặp giá trị khóa từ đối tượng trong JavaScript?

Làm cách nào để lấy giá trị của khóa trong JavaScript?