🍀TIL🍀[프로그래머스] Coding Test 스터디2

Q1. 첫 번째로 나오는 음수

정수 리스트 num_list가 주어질 때, 첫 번째로 나오는 음수의 인덱스를 return하도록 solution 함수를 완성해주세요. 음수가 없다면 -1을 return합니다.

🐣내 코드

function solution(num_list) {
    return num_list.indexOf(num_list.filter((num) => num < 0)[0])
}

🐔인상 깊었던 코드

const solution = num_list => num_list.findIndex(v => v < 0)

• findIndex를 사용한 점.
• findIndex란?
  • 인자로 주어진 함수를 통과한 첫 번째 요소의 인덱스 값을 반환

Q2. 모음 제거

영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요.

🐣내 코드

function solution(my_string) {
    let vowels = ['a', 'e', 'i', 'o', 'u'];
    
    return my_string.split('').filter((str) => vowels.indexOf(str) === -1).join('')
}

• indexOf 대신 includes 도 사용할 수 있겠다.
  includes는 배열 메소드이자 문자열 메소드니까!

🐔인상 깊었던 코드

function solution(my_string) {
    return my_string.replace(/[aeiou]/g, '');
}

• replace 함수와 정규식을 사용한 점.
• String.prototype.replace()
  • var newStr = str.replace(정규식|부분 문자열, 새로운 부분 문자열|함수)
  • 일반 문자열 치환은 처음 발견한 부분 문자열만 새로운 부분 문자열로 바꿔주지만, 정규식을 사용하면 같은 문자열 전부를 새로운 문자열로 치환 가능하다.

	var text = 'LLLOOOVVVEEE';

// 일반 문자열 치환 
	text.replace('O', 'I');
	// LLLLIOOOVVVVEEEE

// 정규식 사용하여 문자열 치환 
	text.replace(/O/gi, 'I');
	// LLLLIIIIVVVVEEEE

아래와 같이 함수를 사용해서 치환하는 것도 가능하다.

	var text = 'LLLOOOVVVEEE';

	function replaceFn(str) {
	  return '{' + str + '}';
	}

	text.replace(/V/gi, replaceFn);
	// LLLLOOOO{V}{V}{V}{V}EEEE

• 정규식?

  정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴

  • /[aeiou]/ 이렇게 / 로 감싸서 표현한다.
  • 위 코드에서 /[aeiou]/g 라고 쓴 것의 g는 글로벌 선택자로, g modifier라고도 불리며 전체 매치되는 것들을 한번에 치환할 수 있다.
  • i (insensitive) modifier는 대소문자 구분 제거

Q3. 문자 반복 출력하기

문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string에 들어있는 각 문자를 n만큼 반복한 문자열을 return 하도록 solution 함수를 완성해보세요.

🐣내 코드

function solution(my_string, n) {
    let result = [];
    
    for(let i=0; i<my_string.length; i++){
        for(let j=0; j<n; j++){
            result.push(my_string[i]) 
        }
    }
    
    return result.join('')
}

🐔인상 깊었던 코드

function solution(my_string, n) {
   var answer = [...my_string].map(v => v.repeat(n)).join("");
   console.log(answer);
   return answer;
}

• 문자열을 일정하게 반복해주는 함수repeat의 존재를 잊지 말자!!!
  • 주어진 문자열을 옵션의 count 숫자만큼 반복해서 붙인 뒤,
    만들어진 새로운 문자열은 반환해 준다.

Q4. 문자열 뒤집기

문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요.

🐣내 코드

function solution(my_string) {
    let strToArr = [...my_string];
    let result = [];
    
    for(let i=strToArr.length-1; i>=0; i--){
        result.push(strToArr[i]);
    }
    
    return result.join('')
}

🐔인상 깊었던 코드

function solution(my_string) {
    var answer = [...my_string].reverse().join("");
    return answer;
}

• 배열 메소드 reverse 를 사용한 점
  • 배열의 순서를 반전. 첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 된다.

Q5. 숨어있는 숫자의 덧셈

문자열 my_string이 매개변수로 주어집니다. my_string안의 모든 자연수들의 합을 return하도록 solution 함수를 완성해주세요.

🐣내 코드

function solution(my_string) {
    let sum = 0;
    for(let i=0; i<my_string.length; i++){
        if(!isNaN(my_string[i])){
            sum += Number(my_string[i])
        }
    }
    
    return sum;
}

🐔인상 깊었던 코드

function solution(my_string) {
    return [...my_string].reduce((acc,cur)=>Number(cur) ? +acc + +cur : acc, 0)
}

• reduce 함수 사용한 점 & isNaN() 대신 Number() 사용한 점.

그 밖에 새로이 알게된 점 & 기억할 점

• for 사용을 줄이자! map, filter, reduce 등등 다른 방법에도 익숙해지자!

• if의 사용을 줄이자! 삼항연산자에 좀 더 익숙해지도록 하자!

• JavaScript의 문자열 메소드인 indexOf

  • 특정 문자열이 처음으로 나타나는 인덱스를 반환!
  • 아래 코드는 str1 문자열 안에 str2 문자열이 포함되어 있으면 1을 반환 아니면 2를 반환 하는 함수

	// indexOf를 활용한 방법 
   function solution(str1, str2) {
    return str1.indexOf(str2) !== -1 ? 1 : 2
   }
   
   // split을 활용한 방법
   function solution(str1, str2) {
    return str1.split(str2).length > 1 ? 1 : 2
   }

• split() 활용 잘 하자!

  • String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눠준다.

  • 반환 값은 배열!! Array!! 즉, 문자열을 배열로 바꿔주는 역할을 한다고도 볼 수 있다.

• 자바스크립트에서 문자열을 자르기 위해서 사용되는 함수

  • substr(), substring(), slice()

  • str.substr(start[, length])
str.substring(indexStart[, indexEnd])
str.slice(beginIndex[, endIndex])

  • 이 중, 문자열을 뒤에서부터 자를 때는, slice()가 효율적!

참고 사이트

• https://deeplify.dev/front-end/js/replace-and-replace-all

• https://gent.tistory.com/414

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse