Kiểu dữ liệu Set đã được giới thiệu trong ES2015 và sự khác biệt giữa mảng và tập hợp là trong khi một mảng có thể có các giá trị trùng lặp thì một tập hợp không thể. Các phần tử có thể được truy cập trong mảng bằng cách sử dụng chỉ mục, điều này không thể thực hiện được trong Set vì nó sử dụng khóa và các phần tử chỉ có thể được duyệt theo cách chúng được nhập.
Sau đây là đoạn mã hiển thị sự khác biệt giữa mảng và Đặt trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result,.sample {
font-size: 18px;
font-weight: 500;
color: rebeccapurple;
}
.result {
color: red;
}
</style>
</head>
<body>
<h1>Array Vs Set</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">Convert</button>
<h3>Click on the above button to convert the above array into a set</h3>
<script>
let resultEle = document.querySelector(".result");
let sampleEle = document.querySelector(".sample");
let arr = [2, 3, 4, 2, 3, 4, "A", "A", "B", "B"];
sampleEle.innerHTML = "arr = " + arr;
document.querySelector(".Btn").addEventListener("click", () => {
let set1 = new Set(arr);
resultEle.innerHTML = "set1 = " + [...set1] + "<br>";
});
</script>
</body>
</html> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút 'Chuyển đổi' -
Khi nhấp vào nút 'Hiển thị' -
