Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để nhận tất cả các giá trị duy nhất trong một mảng JavaScript?

Sau đây là mã để nhận tất cả các giá trị duy nhất trong một mảng 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>Get all unique values in a array</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">Click here</button>
<h3>Click on the above button to remove the duplicate values from the above
array</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 = "arr = " + [...set1] + "<br>";
   });
</script>
</body>
</html>

Đầu ra

Làm cách nào để nhận tất cả các giá trị duy nhất trong một mảng JavaScript?

Khi nhấp vào nút 'Nhấp vào đây' -

Làm cách nào để nhận tất cả các giá trị duy nhất trong một mảng JavaScript?