Làm cách nào để thêm đối tượng mới vào đối tượng JavaScript?

đối tượng. phương thức gán () là một phương thức nổi tiếng để nối thêm các giá trị cho các đối tượng. Phải mất hai đối số. Đối số đầu tiên đại diện cho đối tượng đích và đối số thứ hai lấy các cặp khóa/giá trị. Cú pháp của đối tượng. phương thức gán() được cung cấp dưới đây

cú pháp

Đối tượng . chỉ định( đích, nguồn );

Các tham số được mô tả ở đây

• Mục tiêu. chỉ định đối tượng mà các giá trị sẽ được thêm vào
• nguồn. đề cập đến giá trị được thêm vào

Hãy cùng tìm hiểu hoạt động của phương thức này thông qua đoạn mã ví dụ sau

Mã số

bảng điều khiển. log("Ví dụ sử dụng phương thức gán()")< . ;

let user_obj = {

1: { tên . "Adam" } ,

2: { tên . "Harry" } ,

};

let obj = Object.chỉ định( user_obj, { . : { tên . "Jasam" } });

console.log( obj );

Trong mã này

• Thứ nhất, “Adam” và “Harry” được gán làm giá trị cho thuộc tính “name”
• đối tượng. phương thức gán () được sử dụng để nối thêm giá trị “Jasam” vào đối tượng “user_obj”
• Cuối cùng, bảng điều khiển. phương thức log() được sử dụng để trình bày tất cả các giá trị trong cửa sổ giao diện điều khiển

đầu ra

Nó được quan sát từ đầu ra rằng giá trị mới được thêm thành công vào đối tượng

Phương pháp 2. Sử dụng phương thức push() để nối các giá trị vào một đối tượng mảng trong JavaScript

Phương thức push() có thể được sử dụng để thêm hoặc chèn một hoặc nhiều giá trị vào một mảng. Phương thức này trả về một mảng mới sau khi nối thêm các giá trị. Hãy cho chúng tôi xem nếu nó hoạt động thông qua cú pháp sau

cú pháp

mảng. đẩy( giá trị1, giá trị2,. , giá trịN )

Trong cú pháp này, “value1”, “value2” và “valueN” là các giá trị được thêm vào biến “arr”

Mã số

bảng điều khiển. log("Ví dụ sử dụng phương thức gán()")< . ;

const sports = ['cricket', 'hockey', 'football'];

const counter = sports.đẩy('bóng rổ');

console.log( bộ đếm ); .

console.nhật ký( thể thao );

Mô tả của mã được cung cấp ở đây

• Một mảng có tên là “sports” được tạo bao gồm ba phần tử i. e. , “cricket”, “khúc côn cầu” và “bóng đá”
• Sau đó, giá trị "bóng rổ" được thêm vào việc sử dụng các môn thể thao. phương thức push() trong JavaScript
• Cuối cùng, bảng điều khiển. phương thức log() hiển thị mảng trong cửa sổ giao diện điều khiển

đầu ra

Đầu ra cho thấy giá trị “bóng rổ” được thêm vào đối tượng thể thao bằng cách sử dụng phương thức push()

Phương pháp 3. Sử dụng toán tử Spread (…) để nối các giá trị vào đối tượng trong JavaScript

Toán tử spread (…) được sử dụng để nối các giá trị vào các đối tượng trong JavaScript. Thật hữu ích khi hợp nhất các đối tượng vào một nơi. Cú pháp của toán tử trải phổ được cung cấp bên dưới

cú pháp

{ . obj , khóa . 'giá trị' }

Trong cú pháp này, “giá trị” được gán cho khóa trong đối tượng obj

Mã ví dụ của toán tử trải rộng để nối các giá trị vào một đối tượng được cung cấp bên dưới

Mã số

bảng điều khiển. log("Ví dụ sử dụng toán tử trải rộng");

let obj1 = {name: 'Harry'};

obj2 = {...obj1 , màu sắc . 'white'};

bảng điều khiển. log( obj2 );

Trong mã này

• Một “obj1” được sử dụng để lưu trữ tên phần tử bằng cách gán giá trị “Harry”
• Sau đó, giá trị “trắng” được thêm vào “obj1”
• Cuối cùng, bảng điều khiển. phương thức log() hiển thị các giá trị được thêm vào trong cửa sổ giao diện điều khiển

đầu ra

Đầu ra hiển thị đối tượng mới “obj2” chứa giá trị từ đối tượng “obj1” cũng như giá trị được thêm vào “white”

Phần kết luận

JavaScript cung cấp hai phương thức, tôi. e. , Mục tiêu. gán () và đẩy () để nối các giá trị vào một đối tượng

đối tượng. phương thức gán() nối thêm giá trị cho đối tượng theo cặp khóa/giá trị. Phương thức push() thêm một hoặc nhiều giá trị vào một mảng. Tuy nhiên, toán tử trải rộng (…) cũng có thể được sử dụng để nối các giá trị vào một đối tượng. Bài đăng này đã chứng minh tất cả các khả năng để nối thêm các giá trị vào một đối tượng trong JavaScript

Làm cách nào để tạo đối tượng mới trong JavaScript?

Làm cách nào để thêm hai đối tượng trong JavaScript?