- Sử dụng phương thức Object.assign () để nối giá trị vào đối tượng trong JavaScript
- Sử dụng phương thức push () để nối giá trị vào đối tượng trong JavaScript
- Sử dụng toán tử spread (…) để nối giá trị vào đối tượng trong JavaScript
Phương pháp 1: Sử dụng phương thức Object.assign () để nối giá trị vào đối tượng trong JavaScript
Các Object.assign () phương thức là một phương pháp nổi tiếng để gắn các giá trị vào các đối tượng. Nó có hai đối số. Đối số đầu tiên đại diện cho đối tượng đích và đối số thứ hai nhận các cặp khóa / giá trị. Cú pháp của Object.assign () phương pháp được cung cấp bên dưới:
Cú pháp
Sự vật . giao phó ( mục tiêu, nguồn ) ;
Các thông số được mô tả ở đây:
- Mục tiêu : chỉ định đối tượng mà các giá trị sẽ được nối vào.
- nguồn : đề cập đến giá trị được thêm vào.
Hãy hiểu hoạt động của phương pháp này thông qua mã ví dụ sau:
Mã số
bàn điều khiển. khúc gỗ ( 'Một ví dụ để sử dụng phương thức gán ()' ) ;
let user_obj = {
1 : { Tên : 'Adam' } ,
hai : { Tên : 'Harry' } ,
} ;
hãy để phản đối = Sự vật . giao phó ( user_obj, { 3 : { Tên : 'Jasam' } } ) ;
bàn điều khiển. khúc gỗ ( phản đối ) ;
Trong mã này:
- Trước hết, 'Adam' và 'Harry' được gán dưới dạng giá trị cho 'Tên' tài sản.
- Các Object.assign () phương pháp được sử dụng để nối một 'Jasam' giá trị đối với “User_obj” sự vật.
- cuối cùng console.log () phương thức được sử dụng để hiển thị 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 giá trị vào một đối tượng mảng trong JavaScript
Các đẩy() phương thức 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 thêm các giá trị. Hãy cho chúng tôi xem nó có hoạt động hay không qua cú pháp sau:
Cú pháp
arr. đẩy ( value1, value2, ..., valueN )Trong cú pháp này, 'Value1', 'value2' và 'valueN' là các giá trị được nối vào “ arr ' Biến đổi.
Mã số
bàn điều khiển. khúc gỗ ( 'Một ví dụ để sử dụng phương thức gán ()' ) ;hăng sô các môn thể thao = [ 'bóng chày' , 'khúc côn cầu' , 'bóng đá' ] ;
hăng sô phản đối = các môn thể thao. đẩy ( 'bóng rổ' ) ;
bàn điều khiển. khúc gỗ ( phản đối ) ;
bàn điều khiển. khúc gỗ ( các môn thể thao ) ;
Mô tả của mã được cung cấp ở đây:
- Một mảng có tên 'các môn thể thao' được tạo bao gồm ba phần tử, tức là 'Cricket', 'khúc côn cầu' và 'bóng đá' .
- Sau đó, giá trị 'bóng rổ' được thêm vào để sử dụng sports.push () trong JavaScript.
- Cuối cùng, console.log () phương thức hiển thị mảng trong cửa sổ bảng điều khiển .
Đầu ra
Kết quả cho thấy rằng 'bóng rổ' giá trị được nối vào các môn thể thao đối tượng bằng cách sử dụng đẩy() phương pháp.
Phương pháp 3: Sử dụng toán tử Spread (…) để nối 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. Sẽ rấ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ử spread được cung cấp dưới đây:
Cú pháp
{ ... phản đối , Chìa khóa : 'giá trị' }Trong cú pháp này, 'giá trị' được giao cho Chìa khóa trong đối tượng phản đối .
Mã ví dụ của toán tử spread để nối các giá trị vào một đối tượng được cung cấp bên dưới:
Mã số
bàn điều khiển. khúc gỗ ( 'Một ví dụ để sử dụng toán tử spread' ) ;hãy để obj1 = { Tên : 'Harry' } ;
obj2 = { ... obj1 , màu sắc : 'trắng' } ;
bàn điều khiển. khúc gỗ ( obj2 ) ;
Trong mã này:
- Một 'obj1 ”Được sử dụng để lưu trữ phần tử Tên bằng cách gán giá trị 'Harry' .
- Sau đó, 'trắng' giá trị phụ thuộc vào 'obj1' .
- Cuối cùng, console.log () phương thức hiển thị các giá trị được nối thêm trong cửa sổ bảng điều khiển.
Đầu ra
Kết quả 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' trắng ”.
Sự kết luận
JavaScript cung cấp hai phương pháp, tức là Object.assign () và đẩy() để nối các giá trị vào một đối tượng.
Các Object.assign () phương thức nối các giá trị vào các đối tượng bằng các cặp khóa / giá trị. Các đẩy() phương thức thêm một hoặc nhiều giá trị vào một mảng. Tuy nhiên, Lan tràn (…) 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 gắn giá trị vào một đối tượng trong JavaScript.