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']
2 là một hàm tiện ích trả về danh sách các khóa củajavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
3Hãy sử dụng
javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
4 để lấy khóa của đối tượngjavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
9javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
6 trả về danh sáchjavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
0, như mong đợi, là các khóa của đối tượngjavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
91. 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']
2javascript
const isObjectEmpty = Object.keys(object).length === 0;
Trong ví dụ sau, đối tượng
javascript
const isObjectEmpty = Object.keys(object).length === 0;
0 không có thuộc tính nào, trong khi đối tượngjavascript
const isObjectEmpty = Object.keys(object).length === 0;
1 có một thuộc tínhjavascript
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;
2 đánh giá thànhjavascript
const isObjectEmpty = Object.keys(object).length === 0;
3, có nghĩa làjavascript
const isObjectEmpty = Object.keys(object).length === 0;
0 không có thuộc tính2. Sự vật. giá trị () trả về giá trị
javascript
const isObjectEmpty = Object.keys(object).length === 0;
5 là hàm tiện ích JavaScript trả về danh sách các giá trị củajavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
3Hã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']
9javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
5javascript
const isObjectEmpty = Object.keys(object).length === 0;
8 trả về các giá trị củajavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
9.javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
02. 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
1 là một đối tượng giữ giá của một số cuốn sách. Khóa thuộc tính là tên sách, trong khi giá trị là giá sáchLà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']
9javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0; // => true
Object.keys(nonEmpty).length === 0; // => false
2 trả về các giá trị của đối tượng sách, trong trường hợp này là danh sáchjavascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0; // => true
Object.keys(nonEmpty).length === 0; // => false
3Sau đó,
javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0; // => true
Object.keys(nonEmpty).length === 0; // => false
4 tóm tắt giá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
5 là một chức năng hữu ích để truy cập các mục củajavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
3Hã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']
9javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
5javascript
const empty = {};
const nonEmpty = { a: 1 };
Object.keys(empty).length === 0; // => true
Object.keys(nonEmpty).length === 0; // => false
8 trả về các mục củajavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
9.javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
13. 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
1 giữ giá của một số cuốn sách. Lần này, do nhầm lẫn, một trong những cuốn sách đã được gán với giájavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
52Hãy tìm cuốn sách có giá
javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
52 và đăng nhập tên của nó vào bảng điều khiểnSử 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']
1javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
54 trả về một danh sách các bộ dữ liệu. tên sách và giá.javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
55 trích xuất tại chỗ từ bộ tên sách và giáCuối cùng, trong chu kỳ
javascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
56, bạn có thể kiểm tra xem giá sách nào làjavascript
const hero = {
name: 'Batman',
city: 'Gotham'
};
Object.keys(hero); // => ['name', 'city']
52 và ghi tên vào bảng điều khiển nếu đúng như vậy4. 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
Đặt muaTham 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 😉