JS의 배열 메서드 - join()

안녕하세요 여러분 오늘은 자바스크립트에서 조인 방법에 대해 논의할 것입니다.

join()은 무엇을 위해 사용됩니까?
배열의 요소를 결합하고 문자열로 반환하는 데 사용됩니다.
예시 -
알 -> ["A","B","C","D"]
이 배열에 join() 메서드를 적용한 후
결과 -> A,B,C,D

구문 -
array.join(구분자)
  • 구분 기호는 요소를 결합하기 위해 모든 요소에 적용되는 것입니다
  • .

    예시 -

    let arr = [1,2,3,4,5]
    let joiner = arr.join("-")
    console.log(joiner)
    


    산출-




    1-2-3-4-5
    


  • 보시다시피 구분 기호 "-"를 사용하여 모든 요소를 ​​결합합니다
  • .

    코드로 이것을 깊이 이해하자

    예 1 구분자()가 없는 기본 조인




    const emptyArray = []
    const numberArray = [1,2,3,4,5];
    const stringArray = ["A","B","C","D"];
    const objectArray = [
      {
        name:"Shubham",
        age:21
      },
      {
        name:"Shivam",
        age:25
      },
      {
        name:"Abhishek",
        age:22
      }
    ]
    
    console.log(emptyArray.join())
    console.log(numberArray.join())
    console.log(stringArray.join())
    console.log(objectArray.join())
    


    출력 -




    
    1,2,3,4,5
    A,B,C,D
    [object Object],[object Object],[object Object]
    


  • 보시다시피 빈 배열에 대해 빈 문자열을 반환합니다
  • .
  • 쉼표(,)를 사용하여 숫자 및 문자열 배열을 결합하지만 객체 배열의 경우 다른 값을 반환하므로 객체 배열을 결합할 수 없습니다.

  • 예 2 구분자로 조인 -




    const numberArray1 = [1,2,3,4,5];
    const numberArray2 = [6,7,8,9,10];
    const stringArray1 = ["A","B","C","D"];
    const stringArray2 = ["E","F","G","H"];
    const mixedArray = [1,2,3,4,5,"E","F","G","H"]
    const exceptionArray = [null,undefined,true,false]
    
    
    console.log(numberArray1.join("+"))
    console.log(numberArray2.join("*"))
    console.log(stringArray1.join("["))
    console.log(stringArray2.join("z"))
    console.log(mixedArray.join("mixed"))
    console.log(exceptionArray.join("-"))
    
    


    출력 -




    1+2+3+4+5
    6*7*8*9*10
    A[B[C[D
    EzFzGzH
    1mixed2mixed3mixed4mixed5mixedEmixedFmixedGmixedH
    --true-false
    


  • 보시다시피 다양한 유형의 구분 기호를 사용하여 배열 요소를 결합했습니다.
  • 또한 exceptionArray에서 null 및 undefined에 대해 빈 문자열을 반환하는 것을 볼 수 있습니다.

  • 예 3 함수 매개변수에 전달된 배열에 조인 적용




    const normalParameter = (arr) => {
      console.log(arr.join("*"))
    }
    
    const restParameter = (...args) => {
      console.log(args.join("-"))
    }
    
    
    normalParameter([1,2,3,4,5])
    restParameter(1,2,3,4,5)
    
    


    출력 -




    1*2*3*4*5
    1-2-3-4-5
    


  • 함수 매개변수로 전달된 배열에서도 작동합니다.

  • 예 4 다른 방법으로 조인 -




    const arr = [1,2,3,4,5]
    
    // join with reverse
    let reverseMethod = arr.reverse().join("")
    console.log(reverseMethod)
    
    // join with split method to reverse the array
    let splitMethod = arr.join("").split("")
    console.log(splitMethod)
    


    출력 -




    54321
    [ '5', '4', '3', '2', '1' ]
    


  • 다른 배열 및 문자열 방법에서도 작동합니다.

  • 이 게시물을 확인해 주셔서 감사합니다.
    ^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
    ☕ --> https://www.buymeacoffee.com/waaduheck <--

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

    좋은 웹페이지 즐겨찾기