Thêm đối tượng vào đối tượng JavaScript
Đối tượng trong JavaScript là một tập hợp các thuộc tính và các thuộc tính này về cơ bản là các cặp khóa-giá trị. Các thuộc tính xác định các đặc điểm của một đối tượng trong JavaScript và các thuộc tính này có thể được thay đổi, xóa và thậm chí được thêm động ngay cả sau khi đối tượng đã được tạo Show
Một số cách để thêm thuộc tính vào đối tượng JavaScript bao gồm. sử dụng ký hiệu dấu chấm, sử dụng ký hiệu dấu ngoặc [ ], sử dụng phương thứcdefineProperty(), sử dụng toán tử trải rộng và sử dụng Object. phương thức gán() Phạm vi của Điều khoản
Giới thiệuĐể bắt đầu, chúng ta hãy xem lại và tóm tắt khái niệm về các đối tượng và các thuộc tính của chúng. Đối tượng trong JavaScript là tập hợp các thuộc tính không có thứ tự và các thuộc tính này về cơ bản là các cặp khóa-giá trị xác định các đặc điểm của một đối tượng. Giống như các biến JavaScript, tên đối tượng và thuộc tính của chúng phân biệt chữ hoa chữ thường. Hãy để chúng tôi lấy một ví dụ về một đối tượng trong JavaScript nơi chúng tôi sẽ xác định một số thuộc tính bên trong nó
Sử dụng ký hiệu dấu chấm (. )Một trong những cách đơn giản nhất để thêm, truy cập hoặc sửa đổi các thuộc tính của một đối tượng hiện có trong JavaScript là sử dụng ký hiệu dấu chấm cú pháp
Sử dụng Ký hiệu Dấu ngoặc vuông [ ]Như chúng ta đã thảo luận ở trên, có một số nhược điểm khi làm việc với ký hiệu dấu chấm trong trường hợp tên thuộc tính là một mã định danh biến không hợp lệ (chẳng hạn tất cả các chữ số, có khoảng trắng, ký tự đặc biệt) Để xử lý những trường hợp như vậy, chúng ta có thể tưởng tượng một đối tượng là một mảng kết hợp và có thể sử dụng ký hiệu dấu ngoặc vuông để thêm các thuộc tính mới bên trong một đối tượng Ngoài ra, trong trường hợp biến động trong đó tên thuộc tính được truy xuất từ đầu vào của người dùng hoặc lệnh gọi API, ký hiệu dấu ngoặc vuông này hữu ích hơn ký hiệu dấu chấm trong JavaScript cú pháp
Sử dụng đối tượng. Phương thứcdefineProperty()Lớp đối tượng JavaScript cung cấp phương thứcdefineProperty() và sử dụng phương thức này, chúng ta có thể sửa đổi đối tượng hiện có hoặc thêm thuộc tính vào đối tượng JavaScript Phương thức này trả về đối tượng đã sửa đổi và cũng cho phép chúng tôi kiểm soát hoặc định cấu hình hành vi của các thuộc tính cú pháp2 Sử dụng đối tượng. phương thức gán ()Có một cách thú vị khác mà chúng ta có thể thêm một thuộc tính vào một đối tượng JavaScript i. e, bằng cách sử dụng Đối tượng. phương thức gán(). Phương thức này cho phép chúng ta thêm các thuộc tính của một đối tượng nguồn vào một đối tượng đích khác. Chúng ta chỉ có thể định nghĩa tất cả các thuộc tính bên trong đối tượng nguồn mà chúng ta cần thêm vào đối tượng đích hiện có Lưu ý rằng các thuộc tính bên trong đối tượng đích sẽ bị ghi đè bởi các thuộc tính của đối tượng nguồn nếu tìm thấy cùng một tên khóa trong cả hai đối tượng cú pháp5 Sử dụng toán tử trải rộng (. )Có một cách độc đáo khác để thêm thuộc tính vào đối tượng JavaScript bằng cách sử dụng toán tử trải rộng. Toán tử trải rộng (. ) tạo một bản sao của đối tượng hiện có với tất cả các thuộc tính của nó và do đó, bằng cách sử dụng định nghĩa thuộc tính nội tuyến, chúng ta có thể thêm nhiều thuộc tính hơn nữa vào đối tượng đó. Chúng ta hãy xem cú pháp để hiểu điều này một cách tốt hơn cú pháp8 Lưu ý rằng cách tiếp cận sử dụng toán tử trải phổ này để hợp nhất hai đối tượng để tạo thành một đối tượng mới không ghi đè lên các thuộc tính hiện có của đối tượng nếu các khóa chung được tìm thấy trong cả đối tượng nguồn và đối tượng đích Ví dụ để chứng minh việc sử dụng Phương thức toán tử trải rộng trong JavaScriptTrong mã ví dụ JavaScript bên dưới, chúng ta có một đối tượng có tên obj với các thuộc tính đã được xác định bên trong nó. Bây giờ chúng ta sẽ kiểm tra chức năng của toán tử trải phổ mà chúng ta có thể thêm nhiều thuộc tính bên trong đối tượng. Chúng tôi sẽ sử dụng toán tử trải rộng trên đối tượng obj và sử dụng định nghĩa nội tuyến, chúng tôi sẽ thêm một số thuộc tính khác ('quốc tịch', 'giới tính') bên trong obj. Để kiểm tra đối tượng kết quả, cuối cùng chúng tôi đã hiển thị các giá trị đối tượng Làm cách nào để thêm đối tượng vào đối tượng trong JavaScript?Sử dụng dấu ngoặc vuông [ ] . Trong JavaScript, chúng ta có thể sử dụng dấu ngoặc [] để thêm phần tử vào đối tượng. Đây là một cách khác để thêm một phần tử vào đối tượng JavaScript.
Làm cách nào để thêm nhiều đối tượng vào một đối tượng trong JavaScript?Để đạt được điều này, chúng ta sẽ sử dụng phương thức đẩy. Như bạn có thể thấy, chúng ta chỉ cần truyền đối tượng obj vào phương thức push() và nó sẽ thêm nó vào cuối mảng. Để thêm nhiều đối tượng vào một mảng, bạn có thể chuyển nhiều đối tượng làm đối số cho phương thức push() , phương thức này sẽ thêm tất cả các mục vào cuối . |