Làm cách nào để sao chép các phần tử của một mảng trong cùng một mảng bằng JavaScript?

Sau đây là đoạn mã để sao chép các phần tử của một mảng trong cùng một mảng -

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>Duplicate elements of an array in the same array</h1>
<div class="sample">[1,2,3,4,'A']</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to duplicate the elements of the above array</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let arr = [1, 2, 3, 4, "A"];
      BtnEle.addEventListener("click", () => {
         arr = arr.concat(arr).sort();
         resEle.innerHTML = arr;
      });
</script>
</body>
</html>