JS의 배열 메서드 - join()
14148 단어 tutorialwebdevbeginnersjavascript
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
예 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 <--
이 게시물도 확인하십시오.
Reference
이 문제에 관하여(JS의 배열 메서드 - join()), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/shubhamtiwari909/join-in-javascript-4050텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)