자바 스크립트의 concat 배열

안녕하세요 여러분 오늘은 자바스크립트에서 내장 concat 배열 방법을 사용하는 방법을 보여드리겠습니다.

연결 방법이란 무엇입니까?



Concat은 둘 이상의 배열을 병합하는 데 사용되며 원래 배열을 수정하는 대신 항상 새 배열을 반환합니다.

예 - 1




const array1 = [1,2,3,4,5,6];
const array2 = ["A","B","C","D"];

const array1ToArray2 = array1.concat(array2)
const array2ToArray1 = array2.concat(array1)

console.log(array1ToArray2)
console.log(array2ToArray1)


출력 -




[
  1, 2,   3,   4,   5,
  6, 'A', 'B', 'C', 'D'
]
[
  'A', 'B', 'C', 'D', 1,
  2,   3,   4,   5,   6
]


  • 보시다시피 우리는 두 개의 배열을 병합했습니다. 하나는 array1을 array2에 병합하고 다른 하나는 array2를 array1에 병합했습니다.

  • 예 2 -




    const array1 = [1,2,3,4,5,6];
    const array2d = [[1,2],[3,4],[[5,6],[7,8]]];
    
    const array1To2dArray = array1.concat(array2d)
    
    console.log(array1To2dArray);
    


    출력 -




    [ 1, 2, 3, 4, 5, 6, [ 1, 2 ], [ 3, 4 ], [ [ 5, 6 ], [ 7, 8 ] ] ]
    


  • array1을 2차원 배열과 병합했습니다.

  • 예 3 -




    const array1 = [1,2,3,4,5,6];
    
    const separateConcatening = array1.concat(7,8,9,"E","F",true,false,null,undefined,
    [10,11,"G","H"],{name:"shubham",age:21},12.967)
    
    console.log(separateConcatening)
    


    산출-




    [1,2,3,4,5,6,7,8,9,'E','F',true,false,null,undefined,
      10,11,'G','H',{ name: 'shubham', age: 21 },12.967
    ]
    


  • 여기서 우리는 문자열, 숫자 float, boolean, null, undefined, array, object와 같은 다른 데이터 유형의 개별 항목과 array1을 연결했습니다.

  • 예 - 4




    const array1 = [1,2,3,4,5,6];
    const array2 = ["A","B","C","D"];
    const array2d = [[1,2],[3,4],[[5,6],[7,8]]];
    
    const concatArray = (...args) => {
      return args.flat(Infinity)
    }
    
    console.log(concatArray([1,2,3,4],[5,6,7,8],array1,array2,array2d))
    


    출력 -




    [
      1,   2,   3, 4, 5, 6, 7,   8,
      1,   2,   3, 4, 5, 6, 'A', 'B',
      'C', 'D', 1, 2, 3, 4, 5,   6,
      7,   8
    ]
    


  • 우리는 임의의 수의 배열을 전달할 수 있도록 인수를 나머지 매개변수로 받아들이는 화살표 함수를 만들었습니다.
  • 그런 다음 array flat() 메서드를 사용하여 2차원 배열을 평면화하고 반환된 결과는 1차원 배열이 됩니다.

  • 예 - 5




    const array1 = [1,2,3,4,5,6];
    
    const array1ToArray1 = array1.concat(array1)
    
    console.log(array1ToArray1)
    


    출력 -




    [
      1, 2, 3, 4, 5,
      6, 1, 2, 3, 4,
      5, 6
    ]
    


  • 여기서 우리는 array1을 자신과 병합했습니다.

  • 예 - 6




    const array1 = [1,2,3,4,5,6];
    const array2 = ["A","B","C","D"];
    const array2d = [[1,2],[3,4],[[5,6],[7,8]]];
    
    const array1ToMultiple = array1.concat(array1,array2,array2d)
    console.log(array1ToMultiple)
    


    출력 -




    [1,2,3,4,5,6,1,2,3,4,5,6,'A', 'B', 'C', 'D',[ 1, 2 ],
      [ 3, 4 ],
      [ [ 5, 6 ], [ 7, 8 ] ]]
    


  • concat 메소드 내부에 전달하여 여러 배열을 병합할 수도 있습니다.

  • 이 게시물을 확인해 주셔서 감사합니다.

    저에게 연락하실 수 있습니다 -
    인스 타 그램 -
    링크드인 -
    이메일 - [email protected]

    ^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
    ☕ --> https://www.buymeacoffee.com/waaduheck <--

    이 게시물도 확인하십시오.

    좋은 웹페이지 즐겨찾기