소개
이 랩에서는 JavaScript 를 사용하여 배열의 요소를 단일 문자열로 결합하는 개념을 탐구합니다. Array.prototype.reduce() 메서드를 사용하여 배열의 요소를 결합하고, 요소가 어떻게 결합되어야 하는지를 지정하는 구분 기호를 사용할 것입니다. 이 랩을 마치면 JavaScript 에서 배열을 조작하고 더 효율적인 코드를 생성하는 방법에 대한 이해도가 높아질 것입니다.
이 랩에서는 JavaScript 를 사용하여 배열의 요소를 단일 문자열로 결합하는 개념을 탐구합니다. Array.prototype.reduce() 메서드를 사용하여 배열의 요소를 결합하고, 요소가 어떻게 결합되어야 하는지를 지정하는 구분 기호를 사용할 것입니다. 이 랩을 마치면 JavaScript 에서 배열을 조작하고 더 효율적인 코드를 생성하는 방법에 대한 이해도가 높아질 것입니다.
배열의 모든 요소를 문자열로 결합하려면 다음 단계를 따르세요.
node를 입력하여 코딩 연습을 시작합니다.join() 함수를 사용합니다.
arr: 결합할 배열입니다.separator (선택 사항): 배열의 요소 사이에 사용할 구분 기호입니다. 지정하지 않으면 기본 구분 기호 ,가 사용됩니다.end (선택 사항): 배열의 마지막 두 요소 사이에 사용할 구분 기호입니다. 지정하지 않으면 기본적으로 separator와 동일한 값이 사용됩니다.join() 함수는 Array.prototype.reduce()를 사용하여 배열의 요소를 문자열로 결합합니다.다음은 join() 함수의 코드입니다.
const join = (arr, separator = ",", end = separator) =>
arr.reduce(
(acc, val, i) =>
i === arr.length - 2
? acc + val + end
: i === arr.length - 1
? acc + val
: acc + val + separator,
""
);
다음은 join() 함수를 사용하는 몇 가지 예입니다.
join(["pen", "pineapple", "apple", "pen"], ",", "&"); // 'pen,pineapple,apple&pen'
join(["pen", "pineapple", "apple", "pen"], ","); // 'pen,pineapple,apple,pen'
join(["pen", "pineapple", "apple", "pen"]); // 'pen,pineapple,apple,pen'
축하합니다! 배열을 문자열로 결합하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.