Cách lấy giá trị khóa từ đối tượng trong javascript

Hãy xem những hàm tiện ích nào cung cấp JavaScript để trích xuất các khóa, giá trị và mục nhập từ một đối tượng

1. Sự vật. keys() trả về các phím

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Hãy sử dụng

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

1. 1 phím trong thực tế. phát hiện nếu đối tượng trống

Nếu bạn muốn nhanh chóng kiểm tra xem một đối tượng có trống không (không có thuộc tính riêng) thì cách tiếp cận tốt là kiểm tra xem danh sách khóa có trống không

Để kiểm tra xem đối tượng có trống không, tất cả những gì bạn cần làm là xác minh thuộc tính độ dài của mảng được trả về bởi

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const isObjectEmpty = Object.keys(object).length === 0;

Trong ví dụ sau, đối tượng

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const isObjectEmpty = Object.keys(object).length === 0;

2. Sự vật. giá trị () trả về giá trị

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Hãy sử dụng chức năng này để lấy các giá trị của đối tượng

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const isObjectEmpty = Object.keys(object).length === 0;

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

2. 1 Giá trị trong thực tế. tính tổng các thuộc tính

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

Làm thế nào bạn sẽ xác định tổng của tất cả các cuốn sách từ đối tượng?

Hãy xem làm thế nào để làm điều đó

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

Sau đó,

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

3. Sự vật. các mục() trả về các mục

Cuối cùng,

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Hãy trích xuất các mục của đối tượng

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

3. 1 Mục nhập trong thực tế. tìm thuộc tính có giá trị 0

Một lần nữa, hãy sử dụng đối tượng

javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0;    // => true
Object.keys(nonEmpty).length === 0; // => false

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Hãy tìm cuốn sách có giá

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Sử dụng danh sách mục nhập của đối tượng phù hợp để giải quyết nhiệm vụ này

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

Cuối cùng, trong chu kỳ

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

javascript
const hero = {
  name: 'Batman',
  city: 'Gotham'  
};
Object.keys(hero); // => ['name', 'city']

4. Bản tóm tắt

Khóa, giá trị và mục nhập là 3 danh sách phổ biến để trích xuất từ ​​đối tượng JavaScript để xử lý thêm

JavaScript cung cấp chức năng tiện ích cần thiết để truy cập các danh sách này

• Chìa khóa được trả lại bởi

  javascript
  const hero = {
    name: 'Batman',
    city: 'Gotham'  
  };
  Object.keys(hero); // => ['name', 'city']
  

  2
• Các giá trị được trả về bởi

  javascript
  const isObjectEmpty = Object.keys(object).length === 0;
  

  5
• Và các mục được trả về bởi

  javascript
  const empty = {};
  const nonEmpty = { a: 1 };
  Object.keys(empty).length === 0;    // => true
  Object.keys(nonEmpty).length === 0; // => false
  

  5

Bạn biết những cách nào khác để truy cập các khóa, giá trị và mục nhập?

Thích bài viết?

Bài đăng chất lượng vào hộp thư đến của bạn

Tôi thường xuyên xuất bản bài viết có chứa

• Các khái niệm JavaScript quan trọng được giải thích bằng các từ đơn giản
• Tổng quan về các tính năng JavaScript mới
• Cách sử dụng TypeScript và cách gõ
• Thiết kế phần mềm và thực hành mã hóa tốt

Đăng ký nhận bản tin của tôi để nhận chúng ngay trong hộp thư đến của bạn

Tham gia cùng 6719 người đăng ký khác

Giới thiệu về Dmitri Pavlutin

Nhà văn và huấn luyện viên công nghệ. Thói quen hàng ngày của tôi bao gồm (nhưng không giới hạn) uống cà phê, viết mã, viết, huấn luyện, vượt qua sự nhàm chán 😉

Làm thế nào bạn sẽ có được chìa khóa

Làm cách nào tôi có thể tìm thấy khóa trong đối tượng?

Bạn có thể sử dụng đối tượng làm khóa trong JavaScript không?

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