Chúng ta có thể tạo tập hợp các đối tượng trong JavaScript không?

Trong JavaScript, đối tượng “Set” cho phép bạn lưu trữ bất kỳ loại giá trị duy nhất nào trong đó, cho dù chúng là tham chiếu đối tượng, giá trị nguyên thủy như chuỗi hoặc số nguyên hoặc các loại dữ liệu phức tạp như đối tượng bằng chữ và mảng. Một giá trị có trong Đối tượng Tập hợp chỉ có thể xảy ra một lần và không được lặp lại

Các phương thức Tập đối tượng khác nhau được cung cấp bởi JavaScript như add(), delete(), clear() và has(). Phương thức Tập đối tượng “add()” được sử dụng để nối thêm các giá trị vào đối tượng đã đặt, phương thức tập đối tượng delete() và clear() để xóa một hoặc tất cả các phần tử cụ thể cùng một lúc và cuối cùng, phương thức “has()” là

Bài viết này sẽ thảo luận về các phương thức Đặt đối tượng trong JavaScript. Ngoài ra, chúng tôi cũng sẽ minh họa các ví dụ liên quan đến từng phương thức Set đối tượng như add(), delete(), clear() và has(). Vì vậy, hãy bắt đầu

Tạo đối tượng Set mới trong JavaScript

Trước khi chuyển sang phương thức Set đối tượng, điều đầu tiên bạn cần làm là tạo một đối tượng Set mới. Sử dụng hàm tạo Set() mới, bạn có thể dễ dàng tạo một đối tượng Set mới trong chương trình JavaScript của mình. Sau khi tạo đối tượng Set, hãy thêm bất kỳ giá trị loại dữ liệu nào bạn muốn lưu trữ

Trong ví dụ dưới đây, chúng ta sẽ tạo một đối tượng Set “setObj1” mới và sau đó thêm một số giá trị số vào đó, chẳng hạn như “2”, “5”, “19” và “98”

const setObj1 = mới Bộ ([2, 5, 19, 98]);
bảng điều khiển. log( setObj1 );

Sau khi thực thi mã được cung cấp, cửa sổ giao diện điều khiển sẽ hiển thị cho bạn loại đối tượng đã tạo, đó là “Đặt”, và sau đó là các giá trị mà chúng tôi đã chuyển cho hàm tạo

Bạn cũng có thể tạo một đối tượng Set trống theo cách sau

const setObj2 = mới Bộ ();
bảng điều khiển. log( setObj2 );

Đầu ra sẽ tuyên bố rằng “setObj2” là một đối tượng Set trống có kích thước “0”

Chúng ta sẽ tạo một đối tượng Set mới. “setObj3” và chỉ định các giá trị phần tử lặp lại trong hàm tạo. Sau đó, chúng tôi sẽ gọi “bảng điều khiển. log()” để kiểm tra các phần tử được lưu trữ trong setObj3

const setObj3 = mới Bộ ([4, 7, 9, 2, 1, 4, 7, 1]);
bảng điều khiển. log( setObj3 );

Bạn có thể thấy từ đầu ra rằng setObj3 chỉ bao gồm các giá trị duy nhất

Chẳng hạn, chúng tôi muốn thêm một chuỗi, một số giá trị số và một mảng làm phần tử Set của chúng tôi. Vì vậy, chúng tôi sẽ chuyển các giá trị mong muốn, chẳng hạn như chuỗi “linuxhint” có dấu ngoặc kép, sau đó là giá trị số “2” và “4”, và cuối cùng là một mảng “[66,99,100]” được đặt trong dấu ngoặc “[ ]”, tất cả

const setObj4 = mới Bộ (["linuxhint", 2, 4, [66, 99, 100]]);
bảng điều khiển. log( setObj4 );

Sau khi thực thi mã được cung cấp ở trên, một đối tượng Đặt loại ngày hỗn hợp “setObj4” sẽ được tạo thành công

Nối thêm các phần tử vào Set Object trong JavaScript

Phương thức “add()” được sử dụng để nối thêm một phần tử hoặc giá trị mới vào cuối đối tượng Set trong JavaScript. Bạn phải chuyển giá trị mà bạn muốn nối thêm dưới dạng “Đối số” trong phương thức “add()” của Đối tượng Đặt và sau đó nó sẽ nối giá trị đã chỉ định vào cuối Đối tượng Đặt

Bạn có thể nối các phần tử vào Đối tượng Tập hợp bằng cách thêm trực tiếp các giá trị hoặc thông qua các giá trị biến. Chúng tôi sẽ chỉ cho bạn cả hai phương pháp trong ví dụ dưới đây

Trước hết, chúng ta sẽ tạo đối tượng Set “setObj1”

const setObj1 = mới Đặt ();

Chúng tôi đã tạo một Đối tượng Tập hợp trống; . Chẳng hạn, để thêm phần tử “It” vào “setObj1” của chúng ta, chúng ta sẽ thực thi đoạn mã sau và nó sẽ trả về setObj1 cho bảng điều khiển sau khi thêm các giá trị

setObj1. thêm("Nó");
bảng điều khiển. log( setObj1 );

Bạn cũng có thể chuyển các biến dưới dạng đối số trong hàm “add()” để nối các giá trị của chúng trong đối tượng Set. Đối với phần trình diễn, chúng tôi sẽ tạo hai biến, “b1” và “b2” và gán các giá trị mà chúng tôi muốn nối thêm trong Tập hợp “setObj1” của mình

const b1 = "là";
const b2 = "linuxhint. com";

Chúng ta sẽ chuyển cả hai biến “b1” và “b2” cho setObj1. add() và đoạn mã sau sẽ trả về đối tượng Set đã cập nhật

setObj1. thêm( b1 );
setObj1. thêm( b2 );
bảng điều khiển. log( setObj1 );

Xóa một phần tử Set Object cụ thể trong JavaScript

Phương thức “delete()” được sử dụng để xóa một phần tử cụ thể tồn tại trong đối tượng Set. Để xóa, bạn phải chuyển giá trị làm đối số trong “setObj1. phương thức xóa()”

Trong ví dụ dưới đây, chúng ta sẽ tạo một đối tượng Set “setObj1” đơn giản và sẽ lưu trữ một số giá trị số như “11”, “22”, “33”, “44” và “55” trong đó

const setObj1 = mới Bộ ([11, 22, 33, 44, 55]);

Bây giờ, hãy kiểm tra các phần tử ban đầu của Set “setObj1” đã tạo, trước khi xóa một giá trị

bảng điều khiển. log("Các phần tử setObj1 ban đầu. ");
bảng điều khiển. log( setObj1 );

Trong bước tiếp theo, chúng ta sẽ xóa “22” khỏi các phần tử Set bằng cách gọi phương thức “delete()” và chuyển “22” làm đối số

setObj1. xóa(22);
bảng điều khiển. log("setObj1 sau khi xóa 22 " );
bảng điều khiển. log( setObj1 );

Đây là những gì bạn có thể thấy sau khi thực thi mã được cung cấp

Xóa tất cả các thành phần đối tượng đã đặt trong JavaScript

Phần này sẽ chỉ cho bạn cách loại bỏ tất cả các phần tử Set object cùng một lúc bằng cách sử dụng phương thức “clear()”. Trong JavaScript, phương thức clear() trả về “không xác định”, cho biết rằng tất cả các phần tử đối tượng Set đã được xóa thành công

Chúng tôi sẽ giúp bạn hiểu chức năng của phương thức “clear()” thông qua một ví dụ. Trước hết, chúng ta sẽ tạo một đối tượng Set mới “setObj1” và lưu trữ một số giá trị trong đó như “11”, “22”, “33”, “44”, “55”

const setObj1 = mới Bộ ([11, 22, 33, 44, 55]);

Sau đó, chúng tôi sẽ kiểm tra kích thước Set Object đã tạo và các thành phần của nó

bảng điều khiển. log("setObj1 kích thước ban đầu. " + setObj1. kích thước);
bảng điều khiển. log( setObj1 );

Bây giờ, đã đến lúc gọi phương thức “clear()” và kiểm tra hoạt động của nó

setObj1. xóa();

Sau khi thực thi phương thức clear() cho đối tượng tập hợp của bạn, tất cả các phần tử có trong Đối tượng tập hợp của bạn sẽ bị xóa. Bạn có thể kiểm tra lại kích thước và xem đối tượng Set của mình

bảng điều khiển. log("kích thước setObj1 sau khi xóa các phần tử. " + setObj1. kích thước);
bảng điều khiển. log( setObj1 );

Hình ảnh sau đây bao gồm mã được cung cấp ở trên và đầu ra chúng tôi nhận được sau khi thực hiện

Tìm kiếm một phần tử trong Set Object trong JavaScript

JavaScript cũng cung cấp phương thức “has()” có thể được sử dụng để kiểm tra xem một phần tử có tồn tại trong đối tượng Set hay không. Bạn phải truyền giá trị dưới dạng đối số trong khi gọi phương thức “has()” với đối tượng Tập hợp JavaScript của bạn, phương thức này sẽ trả về “true” nếu phần tử được tìm thấy;

Chẳng hạn, chúng ta sẽ tạo một đối tượng Set “setObj1” có một số phần tử chuỗi “It”, “is” và “linuxhint. com”

const setObj1 = mới Đặt (["It", "is", "linuxhint.com"]);

Sau đó, chúng ta sẽ tìm kiếm phần tử “is” trong Set Object “setObj1()” bằng cách gọi phương thức “has()” và chuyển “is” làm đối số

bảng điều khiển. log( setObj1. có("là"));

Bây giờ, chúng tôi sẽ tìm kiếm một phần tử “trang web” không có trong Đối tượng đã đặt của chúng tôi để kiểm tra đầu ra

bảng điều khiển. log( setObj1. có("trang web"));

Như bạn có thể thấy từ đầu ra, để tìm kiếm “is”, chương trình đã trả về “true”, trong khi đối với phần tử “trang web”, nó hiển thị “false”, cho biết rằng “is” là một phần tử setObj1 và “trang web”

Phần kết luận

Trong JavaScript, add(), delete(), clear() và has() là các phương thức Tập đối tượng được sử dụng rộng rãi nhất. Phương thức set đối tượng add() được sử dụng để nối thêm các giá trị vào đối tượng đã thiết lập, phương thức tập hợp đối tượng delete() và clear() để xóa một hoặc tất cả các phần tử cụ thể cùng một lúc và phương thức has() được sử dụng để tìm kiếm bất kỳ phần tử nào trong . Bài viết này đã thảo luận về các phương thức Đặt đối tượng trong JavaScript. Ngoài ra, chúng tôi cũng trình bày các ví dụ liên quan đến từng phương thức Set đối tượng như phương thức add(), delete(), clear() và has() trong bài viết này

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

Tôi có thể tạo một mảng đối tượng trong JavaScript không?