JavaScript / Object / Array.concat() / 기존 배열에 원소 또는 배열을 추가하여 새 배열 만들기

2021-01-02

.concat()

.concat() 속성을 이용하여 기존 배열에 원소 또는 배열을 추가하여 새 배열을 만들 수 있습니다.

  • 문법
var jbAry2 = jbAry1.concat( 'abc' );

jbAry1 배열에 문자열 abc를 추가하여 jbAry2 배열을 만듭니다.

var jbAry3 = jbAry1.concat( jbAry2 );

두 배열 jbAry1과 jbAry2를 합하여 새로운 배열 jbAry3을 만듭니다.

  • 예제

다음의 두 예제는 같은 결과를 만듭니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var jbAry1 = [ 'Lorem', 'Ipsum' ];
      var jbAry2 = jbAry1.concat( 'Dolor', 'Amet' );
      for ( var i = 0; i < jbAry2.length; i++) {
        document.write( '<p>' + jbAry2[ i ] + '</p>' );
      }
    </script>
  </body>
</html>
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var jbAry1 = [ 'Lorem', 'Ipsum' ];
      var jbAry2 = [ 'Dolor', 'Amet' ];
      var jbAry3 = jbAry1.concat( jbAry2 );
      for ( var i = 0; i < jbAry3.length; i++) {
        document.write( '<p>' + jbAry3[ i ] + '</p>' );
      }
    </script>
  </body>
</html>

javascript-tutorial-array-concat-01

출처 : https://www.codingfactory.net/10446