Thêm trường vào đối tượng JavaScript
|
Việc thêm một cặp khóa-giá trị vào một đối tượng JavaScript rất đơn giản, nhưng có nhiều cách để thực hiện việc này. Mặc dù hầu hết đều giống nhau nhưng những cách tiếp cận này có một số điểm khác biệt mà bạn nên biết Show
ký hiệu dấu chấmCách đơn giản và phổ biến nhất để thêm cặp khóa-giá trị vào đối tượng là sử dụng ký hiệu dấu chấm. Bạn có thể đã sử dụng điều này trước đây và nó đủ dùng trong hầu hết các tình huống bạn gặp phải Ký hiệu dấu ngoặc vuôngTương tự như ký hiệu dấu chấm, ký hiệu dấu ngoặc vuông có ích khi xử lý các phím động, nhưng cũng có thể hoạt động với các phím tĩnh. Ngoài ra, nó hoàn toàn giống với ký hiệu dấu chấm cả về chức năng và hiệu suất Sự vật. giao phó()
Sự vật. định nghĩaProperty()Một cách khác, ít phổ biến hơn, để thêm một cặp khóa-giá trị vào một đối tượng là sử dụng Toán tử trải rộng đối tượngCuối cùng nhưng không kém phần quan trọng, đó là toán tử trải rộng đối tượng ( Video này bao gồm 2 cách tiếp cận cơ bản để thêm thuộc tính mới vào Đối tượng JavaScript. Cách đầu tiên là không sửa đổi đối tượng hiện có và cách tiếp cận thứ hai là bằng cách thay đổi chính đối tượng đó 00. 00 Chào mừng đến với loạt bài JavaScript và tôi là Deeksha Sharma từ bonsaiilabs. Hôm nay chúng ta sẽ xem xét một trong những thao tác được thực hiện thường xuyên nhất trên các đối tượng JavaScript, đó là thêm một thuộc tính mới vào nó. Xem xét ví dụ này trong đó giao dịch là một đối tượng chứa tập hợp các thuộc tính bao gồm id, tên, số tiền và các giá trị tương ứng của chúng. Thuộc tính thuật ngữ được trao cho từng cặp giá trị chính này. Bây giờ chúng ta cần thêm một thuộc tính mới vào đối tượng giao dịch chứa danh mục khóa và giá trị cá nhân tương ứng của nó. Trước khi thêm thuộc tính vào một đối tượng, bạn cần xác định xem mình có thể hoặc nên sửa đổi đối tượng hiện có hay thay vào đó, bạn nên tạo một đối tượng mới với các thuộc tính hiện có, ngoài thuộc tính mới này. Hầu hết thời gian bạn sẽ không tìm thấy lý do thuyết phục để thay đổi hoặc sửa đổi đối tượng hiện tại. Tuy nhiên, nếu bạn vẫn thực sự cần sửa đổi nó, bạn có thể làm như vậy 00. 57 Hãy xem xét từng cái một. Để thêm một thuộc tính mà không sửa đổi đối tượng, chúng ta có thể sử dụng một phương thức có sẵn trên các đối tượng JavaScript. Nó được gọi là gán(). Phương thức này sao chép tất cả các thuộc tính từ các đối tượng nguồn khác nhau vào một đối tượng đích. Nếu bạn sử dụng nó một cách khôn ngoan, thì bạn có thể tránh làm thay đổi đối tượng ban đầu. Tham số đầu tiên là mục tiêu, cũng là đối tượng kết quả được trả về khi đối tượng. gán() được gọi. Nó chứa tất cả các thuộc tính từ các đối tượng nguồn được hợp nhất vào nó. Nguồn tham số thứ hai có thể là nhiều đối tượng nguồn có thuộc tính được hợp nhất vào đối tượng đích. Chúng tôi sẽ viết một số mã để hiểu cách sử dụng của nó. Chúng tôi có đối tượng giao dịch ở đây với id, tên và số tiền. Bây giờ chúng tôi muốn thêm một danh mục có giá trị cá nhân mà không cần thay đổi đối tượng giao dịch này. Chúng ta có thể làm như vậy bằng cách khởi tạo một biến gọi là newTransaction 01. 54 Chúng ta sẽ gọi Object. phương thức gán(). Bây giờ tham số đầu tiên là đối tượng đích, đây sẽ là đối tượng trống mới này. Đưa ra đối tượng trống đảm bảo rằng chúng tôi không sửa đổi chính đối tượng giao dịch. Tham số thứ hai sẽ là đối tượng nguồn có thuộc tính sẽ được sao chép bên trong đối tượng đích. Chúng tôi cần tất cả các thuộc tính của đối tượng giao dịch và danh mục thuộc tính cá nhân mới của chúng tôi. Hãy ghi lại giá trị của đối tượng giao dịch để xem nó có bị sửa đổi không và đối tượng giao dịch mới của chúng ta. Chúng tôi đã sẵn sàng để chạy cái này và đây là. Đối tượng giao dịch nguyên trạng và đối tượng Giao dịch mới hiện chứa id, tên, số tiền và danh mục. Bạn nên luôn cố gắng áp dụng cách tiếp cận này trong phần lớn mã của mình cho đến khi bạn thực sự cần sửa đổi chính đối tượng đó. Bây giờ tôi muốn cho bạn thấy một điều thú vị. Hãy xóa mã này và điều gì sẽ xảy ra nếu chúng ta không cung cấp đối tượng đích và chỉ sử dụng đối tượng. gán() với các đối tượng nguồn. Đoán nào? 02. 58 Chà, bất cứ thứ gì bạn chuyển làm tham số đầu tiên đều trở thành đối tượng đích, điều đó có nghĩa là trong trường hợp này, đối tượng giao dịch sẽ được sửa đổi và đối tượng nguồn của bạn, trong trường hợp này là danh mục và giá trị cá nhân của nó sẽ được sao chép vào chính giao dịch này. Chúng tôi đã có sẵn các báo cáo nhật ký, hãy chạy lại. Nếu bạn xem cả giao dịch và đối tượng giao dịch mới đều giống nhau. Đối tượng ban đầu cũng được sửa đổi vì chúng tôi đã không tạo bản sao cho nó bằng cách chuyển một đối tượng trống. Thay vào đó, đối tượng giao dịch được cung cấp làm mục tiêu. Vì vậy, tóm lại, nếu ý định của bạn không phải là sửa đổi đối tượng ban đầu, thì đừng quên chuyển các dấu ngoặc trống này làm đối số đầu tiên cho phương thức gán (). Nếu bạn không quan tâm đến việc đối tượng ban đầu bị thay đổi, bạn chỉ cần thêm một thuộc tính mới bằng cách sử dụng ký hiệu dấu chấm trên đối tượng giao dịch và bạn có thể gán giá trị cho danh mục khóa. Hãy ghi lại giá trị của giao dịch và bây giờ bạn có sẵn tài sản mới. Tôi hy vọng phiên nhanh này hữu ích cho bạn. Bạn có thể tìm thấy mã trong phần mô tả bên dưới và tôi đã thêm liên kết cho đối tượng. tài liệu gán () trong trường hợp bạn muốn đọc nó. Cảm ơn bạn rất nhiều vì đã xem và hãy nhớ đăng ký nếu bạn chưa xem. Cho đến lúc đó, bạn bè của tôi tiếp tục học hỏi và chia sẻ kiến thức của bạn. --- Tôi có thể thêm biến vào đối tượng trong JavaScript không?Chúng ta có thể thêm thuộc tính vào đối tượng JavaScript bằng cách sử dụng biến làm tên bằng cách sử dụng ký hiệu dấu chấm hoặc ký hiệu dấu ngoặc .
Tôi có thể thêm chức năng vào đối tượng JavaScript không?Các phương thức JavaScript là các hành động có thể được thực hiện trên các đối tượng . Phương thức JavaScript là thuộc tính chứa định nghĩa hàm. Phương thức là các chức năng được lưu trữ dưới dạng thuộc tính đối tượng.
Phương pháp có thể được thêm vào một đối tượng?Chúng ta có thể thêm các hàm vào đối tượng, dưới dạng thuộc tính và khi hoàn thành, chúng được gọi là phương thức .
Bạn có thể thêm một mảng vào một đối tượng JavaScript không?Trong JavaScript, bạn có thể thêm các mục vào một mảng theo một số cách, chẳng hạn như khởi tạo mảng bằng một mục, đẩy một mục vào mảng, kết hợp các mảng, v.v.< . Ở đây chúng ta sẽ xem cách bạn có thể đẩy một đối tượng JavaScript vào một mảng. Để đạt được điều này, chúng ta sẽ sử dụng phương thức đẩy. . Here we'll see how you can push a JavaScript object into an array. To achieve this, we'll use the push method. |
