ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • concat,spread 연산자 차이
    js 2023. 8. 14. 19:49
    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
      <style>
      </style>
    </head>
    
    <body>
      <a href="#" class="pop">클릭하여 페이지 열기</a>
    
      <script>
    
        $(document).ready(function () {
    
          let a = [1,2,3];
          let aa = a.concat(5); // a 배열의 값을 가져와 aa 배열을 다른주소를 참조하여 새로 생성함
    
          console.log(aa); // [1,2,3,5] -> concat 을 사용하면 제일 끝에 데이터를 붙임
    
          let b = [1,2,3];
          let bb = [5,...b];
          let cc = [...b,4,...b];
    
          console.log(bb); // [5,1,2,3] -> spread 연산자를 사용하면 앞,중간에 데이터를 붙일 수 있음
          console.log(cc); // [1, 2, 3, 4, 1, 2, 3]
    
        });
    
      </script>
    </body>
    
    </html>

    'js' 카테고리의 다른 글

    filter  (0) 2023.08.14
    concat,push 차이  (0) 2023.08.14
    얕은 복사 vs 깊은 복사  (0) 2023.08.14
    문자열자르기  (0) 2021.06.29
    클라이언트 자바스크립트  (0) 2020.08.18
Designed by Tistory.