string) 접미사 배열 / 문자열배열을 반복적으로 돌면서 하나씩 잘라 더한 후 빈배열에 추가 ➕ for문 돌면서 요소를 하나씩 더할땐❓ [배열].map((_, i) => 변수명.slice(index)); 로❗❗❗

문제 설명

어떤 문자열에 대해서 접미사는 특정 인덱스부터 시작하는 문자열을 의미합니다. 예를 들어, "banana"의 모든 접미사는 "banana", "anana", "nana", "ana", "na", "a"입니다.

문자열 str이 매개변수로 주어질 때, str의 모든 접미사를 사전순으로 정렬한 문자열 배열을 return 하는 solution 함수를 작성해 주세요.

---

제한사항

• str은 알파벳 소문자로만 이루어져 있습니다.
• 1 ≤ str의 길이 ≤ 100

---

입출력 예

str	result
"banana"	["a", "ana", "anana", "banana", "na", "nana"]
"programmers"	["ammers", "ers", "grammers", "mers", "mmers", "ogrammers", "programmers", "rammers", "rogrammers", "rs", "s"]

 

---

입출력 예 설명

입출력 예 #1

• 예제 1번의 str는 "banana"로 모든 접미사는 문제의 설명과 같습니다. 이를 사전순으로 정렬하면 "a", "ana", "anana", "banana", "na", "nana"이므로 ["a", "ana", "anana", "banana", "na", "nana"]를 return 합니다.

 

입출력 예 #2

• 예제 2번의 str는 "programmers"이고 모든 접미사는 "programmers", "rogrammers", "ogrammers", "grammers", "rammers", "ammers", "mmers", "mers", "ers", "rs", "s"입니다. 이를 사전순으로 정렬한 문자열 배열 ["ammers", "ers", "grammers", "mers", "mmers", "ogrammers", "programmers", "rammers", "rogrammers", "rs", "s"]를 return 합니다.

 

const solution = str => {
  // do something
};

console.log(solution('banana')); // ['a', 'ana', 'anana', 'banana', 'na', 'nana']
console.log(solution('programmers')); // ['ammers', 'ers', 'grammers', 'mers', 'mmers', 'ogrammers', 'programmers', 'rammers', 'rogrammers', 'rs', 's']

 

 

 

---

풀이

1번 풀이 - for문

slice함수는 생각했지만 i를 쓸 생각을 못했다. 몇번째에서 끊어야 하나, 앞?, 뒤? 자를 곳만 생각하다가 해결.

str.slice(i)는 인덱스 i부터 끝까지의 문자열을 추출.

const solution = str => {
  let newArr = [];
  for (let i = 0; i < str.length; i++) {
    // newArr.push(str.slice(i));  //push함수- 배열원본이 변경되서 권장하지 않음.
    newArr = newArr.concat(str.slice(i));
  }

  return newArr.sort();
};

console.log(solution('banana')); // ['a', 'ana', 'anana', 'banana', 'na', 'nana']
console.log(solution('programmers')); // ['ammers', 'ers', 'grammers', 'mers', 'mmers', 'ogrammers', 'programmers', 'rammers', 'rogrammers', 'rs', 's']

 

 

2번 풀이 - map

1. ... 스프레드 문법으로 문자열을 문자열배열로 변경. 
2. map함수에서 첫번째 인자에 _(underscore)를 사용한 이유는, 해당 인자는 값 자체에 접근하지 않고 인덱스(i)만 필요하기 때문.
3. str.slice(i)는 인덱스 i부터 끝까지의 문자열을 추출.

 

for문을 돌면서 요소를 하나씩 더하는 코드를 짤때는
[배열].map((_, i) => 변수명.slice(index));   를 쓰는것이 좋다.

const solution1 = str => {
  return [...str].map((_, i) => str.slice(i)).sort();
};
console.log(solution1('banana')); // ['a', 'ana', 'anana', 'banana', 'na', 'nana']
console.log(solution1('programmers')); // ['ammers', 'ers', 'grammers', 'mers', 'mmers', 'ogrammers', 'programmers', 'rammers', 'rogrammers', 'rs', 's']

 

 

 

3번 풀이 - reduce

reduce는 헷갈려서 쳇지피티 도움을 받았다.

 

1. acc는 접미사들을 담는 배열.
2. map과 비슷하게, reduce의 두 번째 인자인 _는 문자열의 각 문자를 의미하지만
    실제로 사용하지 않으므로, 해당 자리에 _를 넣음.
3. i는 현재 인덱스를 의미하며, str.slice(i)를 사용하여 인덱스 i부터 문자열의 끝까지의 접미사를 추출.
4. return acc.concat(newArr)는 acc 배열에 현재 접미사 newArr를 추가한 새로운 배열을 반환.
    이 방식으로 배열을 직접 수정하지 않고 새로운 배열을 생성.
5. 마지막으로 접미사들이 담긴 acc 배열을 반환하며, sort()로 정렬하여 알파벳 순서로 배열을 반환.

const solution2 = str => {
  return [...str].reduce((acc, _, i) => {
    const newArr = str.slice(i); // i부터 끝까지의 접미사 생성
   
   // 현재 접미사를 배열에 추가한 새로운 배열을 반환
    return acc.concat(newArr);
  }, []).sort();
};
console.log(solution2('banana')); // ['a', 'ana', 'anana', 'banana', 'na', 'nana']
console.log(solution2('programmers')); // ['ammers', 'ers', 'grammers', 'mers', 'mmers', 'ogrammers', 'programmers', 'rammers', 'rogrammers', 'rs', 's']